第1章　基础知识 1 1.1　canvas元素 1 1.1.1　canvas元素的大小与绘图表面的大小 4 1.1.2　canvas元素的api 5 1.2　canvas的绘图环境 6 1.2.1　2d绘图环境 6 1.2.2　canvas状态的保存与恢复 8 1.3　本书程序清单的规范格式 9 1.4　开始学习html5 10 1.4.1　规范 10 1.4.2　浏览器 11 1.4.3　控制台与调试器 11 1.4.4　性能 13 1.5　基本的绘制操作 15 1.6　事件处理 18 1.

什么叫橡皮筋式 指画图时橡皮筋一样伸缩自如。。 例子如下:point_down: 思路 思路很简单，只有橡皮筋式绘制功能要注意，以下总结mousedown，mousemove，mouseup三个阶段的思路 mousedown：记录start位置，drag（记录是否处于拖动状态）设置为true，getImageData( 橡皮筋效果关键1 ) mousemove：获取拖动时的位置pos，putImageData( 对应getImageData，橡皮筋效果关键2 )，根据pos与start画直线