使用 EaselJS 绘制形状截面答案

【问题标题】：Draw section of shape with EaselJS使用 EaselJS 绘制形状截面
【发布时间】：2016-07-19 09:27:31
【问题描述】：

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

提前感谢您的任何建议！

【问题讨论】：

标签： javascript graphics draw shapes easeljs

【解决方案1】：

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

使用其他形状对其进行遮罩以对其进行裁剪
缓存到你想要的大小

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/

【讨论】：

面具正是我要找的，不知道我是怎么错过的，谢谢！