一个人优秀的背后，
都是自虐般的自律。
自律不是偶尔晚睡或早起，
不是一时兴起去学习，
更不是间歇性的努力，
而是长久让自己保持一种该有的规格，
是亲手干掉另一个颓废的自己。
✔前端之路还很长， 加油！
canvas
canvas——是HTML5的新特性，它允许我们使用canvas元素在javaScript来绘制图像。
canvas——标签只是图形的容器， 相当于一个画布，canvas元素本身是没有绘图能力的。所有的绘图工作在javaScript内部完成，相当于使用画笔在画布上画画canvas画布必须指定width,height。
getContext()
context——是一个封装了很多绘图功能的对象， 我们在页面中创建一个canvas标签后，在使用getContext()的参数“2d”,getContext("2d") 对象是内建的HTML5 对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
canvas要知道的事情：
1、浏览器认为canvas标签是一张图片
2、给canvas 画布添加文本内容没有任何意义
3、给canvas 标签添加子节点 没有任何意义
4、你想操作canvas画布， 画布当中绘制一个图形、显示一个文字、都必须通过JS来完成
5、canvas 标签的宽和高 务必通过 canvas 标签属性width height 设置
6、不要通过样式去设置画布的宽 与 高
7、canvas,它是h5的新特性，老版本ie不支持
