1.2.2 • Published 5 years ago
saber-canvas v1.2.2
saber-canvas
use canvas easily!
npm install saber-canvas
API
关于 Vector2D API 可以参考saber-vector
Rect
所有类型的基类
构造函数:
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)
Node
节点类型
- 继承自Rect
构造函数:
new Node(w, h?)
扩充:
- color 颜色属性
- setColor 设置颜色
setColor('red')
Label
文字节点
- 继承自Node
构造函数:
new Label(text, fontSize?)
扩充:
- fontSize 字体大小
- fontStyle 字体样式
- text 文本内容
- setFontSize 设置字体大小
- setFontStyle 设置字体样式
- setText 设置文本内容
Sprite
图像节点
- 继承自Rect
构造函数:
new Sprite(srcUrl)
扩充:
- img 图像 dom 节点
- setSrc 设置 src 路径
Examples
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))
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.9
5 years ago
1.1.8
5 years ago
1.1.7
5 years ago
1.1.6
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago