getBoundingClientRect，getImageData，putImageData

//getBoundingClientRect 返回元素的6个值 left top right bottom width height
注意这里的left top right bottom 都是相对于可视窗口的左上角的
width是元素的宽度
height是元素的高度
var bbox=canvas.getBoundingClientRect()
bbox.left

bbox.right

//getImageData() 方法返回 ImageData 对象，该对象拷贝了画布指定矩形的像素数据。
//context.getImageData(0,0,canvas.width,canvas.height)

//putImageData() 方法将图像数据（从指定的 ImageData 对象）放回画布上。
//context.putImageData(drawingSurfaceImageData,0,0)