Canvas 组件

事件

Draw [Data = {type: "canvas", pos, co, ctx}]: 当实体将要绘制到舞台上时触发

NoCanvas: 当浏览器不支持 canvas 时触发

当这个组件添加到一个实体时，它将被绘制到全局 canvas 元素中。canvas 元素（因此所有的 canvas 实体）总是绘制在任何DOM实体之下。

如果尚未创建 canvas 层，它将自动初始化。

创建一个 canvas 实体代码如下：

var myEntity = Crafty.e("2D, Canvas, Color")
     .color("green")
     .attr({x: 13, y: 37, w: 42, h: 42});

方法

.draw()

.draw()

public this .draw([[Context ctx, ]Number x, Number y, Number w, Number h])

ctx: Canvas 2D 上下文，如果需要绘制在另一个 canvas 上。

x: 绘制部分的x偏移量

y: 绘部分的y偏移量

w: 绘制部分的宽度

h: 绘制部分的高度

绘制实体到 canvas 元素上的方法。可以传递一个矩形值重绘实体的部分。