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