首先要指出的是：DisplayObject 实例的属性<x, y> 与 graphics.draw*(x, y, ...) 的参数<x, y>没有关系。

我目前用到过的 DisplayObject 有5种：Bitmap, Shape, Text, MovieClip 和 Container。（好像 CreateJS 就只有这5种 DisplayObject）。不过，MovieClip 其实继承自 Container，所以 MovieClip 可以当作一个 Container。

之前在做「双十一攻略页」的时候就发现这个细节，但是当时没有太在意，今天又遇到了。 createjs 的代码： {代码...} rect.y === 0，截图如下： rect.y === 20，截图如下： mask 的 BUG mask 在使用过程中发现：元素的 mask 不会跟随元素一起位移与形变（rotate, scale, skew）。 原生 canvas 中并没有 mask 这个概念，ma...

这类绘制 API 大部分被封装在 CreateJS 的 Graphics 类中，它们有一个共同的特点 ---- 名字都是以 draw 开始，例如：drawRect / drawCircle 。

在长期使用 createjs 的过程中，我一直有这样一个经验：「beginFill 必须在 drawXXX 之前调用，否则 beginFill 会被忽略（是的不报错）」。但是为什么会这样，其实并没有去深究它。今天很想知道 Graphics 是怎么工作的。