canvas

getBoundingClientRect()

用于获取某个元素相对于视窗的位置集合。集合中有top, right, bottom, left等属性。这个方法没有参数。

返回值类型：

var rect=canvas.getBoundingClientRect();

• rect.top：元素上边到视窗上边的距离;
• rect.right：元素右边到视窗左边的距离;
• rect.bottom：元素下边到视窗上边的距离;
• rect.left：元素左边到视窗左边的距离。
  

clientX、clientY

点击位置距离当前body可视区域的x，y坐标

scrollLeft、scrollTop

scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

getContext(contextID)

contextID唯一合法值为：“2d”

window

当页面加载的时候可以调用某些函数：

function a(){
}
window.onload = a();

window.onload = function() { a();  b(); }

stroke()

stroke() 方法会实际地绘制出通过 moveTo() 和 lineTo() 方法定义的路径。默认颜色是黑色。