1.HTML5概述:HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5代替了绝大部分HTML4的编码方式,但是与HTML4的编码方式一样。
HTML5中还有很多实用的标签(canvas),它们能实现很多而又酷炫的效果,而且代码量极少。
2.Canvas标签:Canvas对象将给浏览器带来直接在上面绘制矢量图的能力,取代Flash在移动设备的地位,
能够很好的融合JavaScript代码并在浏览器内显示图形或动画。
3.Cantext对象:Cantext对象通过Canvas标签对象创建而来。(getContext("2d")实际上就是一个画笔)
4.注意:绘制圆形需要使用stroke()或者fill()来指定是显示线条或者实心填充。
绘制线条是以点和多点的方式来进行线条的连接,最后形成线条或者区域填充。
5.网页绘画板:主要技术点使用线条点连接来完成,一定要分析出正确逻辑再进行编码。
(建议使用PS工具分析代码流程)