Canvas

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

Canvas.backgroundColor <字符串>

给画布设置背景颜色。

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

Canvas.image <字符串>

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

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

Canvas.width <数字>

整个文档当前的像素宽度（只读）。

  1. print Canvas.width
  2. # Output: 640

Canvas.height <数字>

整个文档当前的像素高度（只读）。

  1. print Canvas.height
  2. # Output: 480

Canvas.size <对象>

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

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

Canvas.frame <对象>

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

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

Canvas.convertPointToScreen(point)

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

  1. point =
  2.     x: 20
  3.     y: 40
  4. pointInScreen = Canvas.convertPointToScreen(point)

Canvas.convertPointToLayer(point, layer)

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

  1. point =
  2.     x: 20
  3.     y: 40
  5. layer = new Layer
  7. pointInLayer = Canvas.convertPointToLayer(point, layer)