使用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绘制不同的角落。 http://jsfiddle.net/lannymcnie/f1zh3qwx/1/