1、认识canvas
英文翻译过来就是画布的意思，翻译成人话就是，通过对应的api可以在一块布上随意的挥洒你的创作。
语法：<canvas width="300" height="150" style="background:green; height:88px;"></canvas>
首先看从标签上来看，有宽高两个属性，然后从官网上了解到canvas默认的宽高为300和150，并且不能为小数。
特点：
- 如果存在小数则会舍弃小数点后面的数值 eg:88.8会取88。
- 如果存在非数值，则会忽略非数字的 eg:88asd取88。
- 如果存在负数，取其绝对值，ie除外。
- 当标签中存在class时，会宽高会有限取class中的宽高。
注意点
<canvas width="300" height="150" style="background:green; height:88px;"></canvas>
当canvas属性和class中的宽高存在差异时，如class中的高是88，那么宽度就会变成176。按照宽高2：1的形式绘制画布，等比缩放。
当我们使用各个Canvas API进行图形图像绘制的时候，与class没有任何关系。例如：尺寸大小等都是相对于canvas标签上面的属性（宽高）
举例
