canvas.md

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)