canvas入门学习（一）-简单介绍

一、定义：

<canvas>是HTML 5 中的新标签，用于定义图形，比如图表、图像等。IE低版本不支持,移动端使用很频繁,画布标签。

二、特点：

默认大小为300*150；注意: 给画布设置大小,只能通过自身的标签属性进行设置,不能通过css进行设置,也不能使用JQ,css(),width(),height(),设置大小,可通过prop(),attr(),设置width和height。

三、用途：

1.使用技术手段,绘制复杂图像
2.对图片进行像素化处理
3.对视频进行处理
4.处理动画,实现游戏
5.利用canvas实现图片的压缩

四、坐标系

默认:左上角为原点,向下为y轴正方向,向右为x轴正方向

五、绘制图形步骤

1.得到2d渲染上下文(画笔)
2.做好图像路径(告诉canvas如何绘制)
3.渲染路径