saber-canvas
use canvas easily!
npm install saber-canvas
API
关于 Vector2D API 可以参考saber-vector
Rect
所有类型的基类
构造函数:
new Rectw, h?)
属性:
- type 类型标识[
请不要变更此属性
] - x
- y
- width
- height
- getPosition 获取坐标
- setPosition 设置坐标
setPosition2 // (x, y) -> (2, 2) setPosition2, 3 // (x, y) -> (2, 3)
- getContentSize 获取大小
- setSize 设置大小
setSize100 // (width, height) -> (100, 100) setSize100, 200 // (width, height) -> (100, 200)
Node
节点类型
- 继承自Rect
构造函数:
new Nodew, h?)
扩充:
- color 颜色属性
- setColor 设置颜色
setColor'red'
Label
文字节点
- 继承自Node
构造函数:
new Labeltext, fontSize?)
扩充:
- fontSize 字体大小
- fontStyle 字体样式
- text 文本内容
- setFontSize 设置字体大小
- setFontStyle 设置字体样式
- setText 设置文本内容
Sprite
图像节点
- 继承自Rect
构造函数:
new SpritesrcUrl
扩充:
- img 图像 dom 节点
- setSrc 设置 src 路径
Examples
new Canvas'hello', 640, 480 .drawnew Node640, 480 .drawnew Label'hello world!'.setPosition300, 20 .drawnew Node100, 200.setColor'blue'.setPosition200, 200