canvas绘制一个哆啦A梦的图案

“我正在参加「创意开发 投稿大赛」详情请看：掘金创意开发大赛来了！ HTML5中canvas元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.通过这一元素，我们可以在画布上画出各种图形，线条，矩形，圆形，椭圆，字体，渐变等，当然可以自己设计组合绘制自己想要的图案，今天，笔者通过canvas绘制了一个哆啦A梦的图案，其中，应用了颜色渐变，贝塞尔曲线等知识点，是对canvas的一个较综合的应用。请看效果图：

通过canvas画图需要确定各个点，比较繁琐，读者需要有耐心。请看代码：

*{ margin: 0; padding: 0; } .box{ width: 600px; height: 800px; border: 1px solid black; margin: 0 auto; }

读者需要注意，通过canvas画图，填充颜色的时候后面的颜色会覆盖住前面的颜色，最简单的解决方法就是调整一下前后位置就可以。读者可以自行运行，查看效果。