隐藏移动容器的一部分

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;

希望对您有所帮助！