隐藏移动容器的一部分

Question

如何隐藏移动容器内部Pic2的部分，以使其与Pic1的容器不重叠？有一个分离器（白色），它应该在视觉上分割那些动态图片。

这是一个例子：http://cjstest.blg.lt/test.html

Answer 1

您可以使用mask属性将形状应用为任何DisplayObject上的剪切路径。

我将您的示例移植到JSFiddle：http://jsfiddle.net/lannymcnie/t8dzrunj/

重要的是要注意，对象的蒙版会自动移动以在剪辑的坐标处绘制。这意味着我必须更改样本，以便rightBG正在移动（而不是其容器），然后屏蔽容器。由于容器在x上移动，我不得不按摩面罩的坐标一点，但我得到它的工作：http://jsfiddle.net/lannymcnie/t8dzrunj/1/

以下是创建和应用蒙版的代码：

var mask = new createjs.Shape();
mask.graphics.f("#f00").dr(40,0,260,480);
rightSubCont.mask = mask;

希望这有帮助！