使用 EaselJS 绘制形状部分

Question

我一直在尝试找出是否可以使用 EaselJS 仅绘制形状的一部分。例如，是否可以创建一个圆角矩形，但只绘制其顶部的三分之二？ （实际上不显示倒数三分之一）。

提前感谢您的任何建议！

Answer 1

最终目标是什么？根据你想做什么，有几种方法可以做到：

1. 使用其他形状遮住它以裁剪它
2. 缓存到你想要的大小

http://jsfiddle.net/lannymcnie/f1zh3qwx/

// Create 2 shapes
var s = new createjs.Shape().set({x:10, y:10});
s.graphics.f("red").ss(4).s("blue").rr(0,0,100,100,10);
var s2 = s.clone().set({x:150});
stage.addChild(s, s2);

// 1. Mask
s.mask = new createjs.Shape(new createjs.Graphics().dr(8,8,50,50));

// 2. Cache
s2.cache(-2,-2,50,50);

您也可以使用roundRectComplex to draw different corners. http://jsfiddle.net/lannymcnie/f1zh3qwx/1/