canvas的一些基础

在 Canvas 中，基本图形有两种：直线图形和曲线图形
直线图形：直线、矩形(描边矩形和填充矩形)、多边形
曲线图形：曲线和弧线（弧线是圆的一部分，曲线则不一定，弧线上的每个点都具有相同的曲率，曲线则不
一定）
曲线图形主要包括：圆形、弧形、二次贝塞尔曲线、三次贝塞尔曲线

stroke() 和 fill() 这两个方法只能用于绘制当前路径，不能用于同时绘制几个路径

Canvas 坐标系

Canvas 使用的坐标系是 W3C 坐标系,与数学坐标系不同的区别在于 y 轴正方向的不同
数学坐标系：y 轴正方向向上
W3C 坐标系：y 轴正方向向下

数学坐标系一般用于数学上的应用，而在前端开发中几乎所有涉及坐标系的技术使用的都是
W3C 坐标系，这些技术包括 CSS3、Canvas、SVG 等