HTML5——网页绘画板

1.HTML5概述：HTML5的设计目的是为了在移动设备上支持多媒体。
             HTML5代替了绝大部分HTML4的编码方式，但是与HTML4的编码方式一样。
             HTML5中还有很多实用的标签（canvas），它们能实现很多而又酷炫的效果，而且代码量极少。


2.Canvas标签：Canvas对象将给浏览器带来直接在上面绘制矢量图的能力，取代Flash在移动设备的地位，
              能够很好的融合JavaScript代码并在浏览器内显示图形或动画。


3.Cantext对象：Cantext对象通过Canvas标签对象创建而来。（getContext("2d")实际上就是一个画笔）


4.注意：绘制圆形需要使用stroke（）或者fill（）来指定是显示线条或者实心填充。
        绘制线条是以点和多点的方式来进行线条的连接，最后形成线条或者区域填充。


5.网页绘画板：主要技术点使用线条点连接来完成，一定要分析出正确逻辑再进行编码。
（建议使用PS工具分析代码流程）