【上篇】 -- 建议学习时间4小时 课程共（上中下）三篇
此笔记是我初次接触canvas的时候的学习笔记，这次特意整理为博客供大家入门学习，几乎涵盖了canvas所有的基础知识，并且有众多练习案例，建议大家学习10~15个小时，里面的案例请挨个敲一遍，这样才能转化为自己的知识。
技术要求：有html/css/js基础。
canvas标签
如下图这种：
上面的效果当然要后期才有能力编写了，现在我们先从简单的入手
直接看代码
<html>
<canvas height="300" width="500" id="myCanvas"></canvas>
</body>
</html>
我们定义了一个canvas标签（用法和普通标签一样），然后在style中设置了一点样式。
注意：canvas的真实宽高一定要在canvas属性中设置，不能在css中设置，因为canvas默认的宽高是 300*150，如果在css中设置样式，相当于是把画布进行拉伸缩放
呈现效果是这样的：
对于不支持画布的浏览器，我们可以在中间设置替代显示内容
<canvas id="myCanvas" width="150" height="150"> 你的浏览器不支持画布 </canvas>
在画布中绘制方块
代码写到html末尾的