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});
方法
Back to top
.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 元素上的方法。可以传递一个矩形值重绘实体的部分。