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)
backgroundLayer
color
Last updated 1 year ago