canvas

画布对象包含了整个文档的所有像素点的尺寸。如果窗口尺寸变化,它也会跟着变化。

Canvas.backgroundColor <字符串>

给画布设置背景颜色。

# Change the canvas background color
Canvas.backgroundColor = "#28affa"

Canvas.image <字符串>

给图层设置背景图片,你可以写一个本地路径也可以写一个线上链接。这个背景图片将会覆盖整个画布,而且不会被拉伸。

# Local images
Canvas.image = "images/background.png"
# Hosted images
Canvas.image = "http://framerjs.com/background.png"

Canvas.width <数字>

整个文档当前的像素宽度(只读)。

print Canvas.width
# Output: 640

Canvas.height <数字>

整个文档当前的像素高度(只读)。

print Canvas.height
# Output: 480

Canvas.size <对象>

整个文档当前的像素宽度和高度(只读)。

print Canvas.size
# Output: { width:640, height: 480 }

Canvas.frame <对象>

整个文档当前的像素宽度、高度、x坐标、y坐标(只读)。

print Canvas.frame
# Output: { x:0, y:0, width:640, height: 480 }

Canvas.convertPointToScreen(point)

将画布上的点坐标转换成相对于屏幕的点坐标。

point =
x: 20
y: 40
pointInScreen = Canvas.convertPointToScreen(point)

Canvas.convertPointToLayer(point, layer)

将画布上的点坐标转换成相对于图层的点坐标。

point =
x: 20
y: 40
layer = new Layer
pointInLayer = Canvas.convertPointToLayer(point, layer)