如何在createjs中编写蒙面圆圈？

Question

我是createjs的新用户。我想写下面的蒙面圆圈。圆圈被蓝色矩形遮盖（或剪裁？）。如果我的画布大小与蓝色矩形相同，我可以这样做。但就我而言，画布区域比蓝色矩形宽。

Answer 1

我刚才在这里回答了类似的问题：Draw section of shape with EaselJS

1. 使用其他形状的面具
2. 使用设置大小缓存来约束内容

以下是带掩码的示例：http://jsfiddle.net/lannymcnie/3kdo9u26/ - 在这种情况下，我只是将矩形设置为圆圈的蒙版。因为它们都在相同的坐标空间中，所以它可以正常工作。

// Rectangle
var s = new createjs.Shape().set({y:20});
s.graphics.f("blue").dr(0,0,800,240);

// Circle
var c = new createjs.Shape().set({x:325,y:220});
c.graphics.f("green").dc(0,0,120);

// Set the mask shape to the rectangle
c.mask = s;

干杯，