添加遮罩层

Question

我有，我想补充的编辑fabric.js HTML5画布的顶轮罩的一个问题。 类似的问题在这篇文章中描述：

Creating an Image Mask with HTML 5 Canvas

我的问题是，当我在fabric.js画布上添加此层，然后我的画布是不可编辑的这个透明的圈子里面了。这意味着顶部元素（蒙版）捕获点击/拖动事件，但我想要移动此蒙版元素下的项目。寻找想法，如何解决这个问题。

Answer 1

可以利用在布口罩内置支持。

下面是用200的半径在创建一个100/100圆形掩蔽的例子：

var canvas = new fabric.Canvas('...'); 
// ... 
canvas.clipTo = function (ctx) { 
    ctx.arc(100, 100, 200, 0, Math.PI*2, true); 
};