超级会员免费看
上一节向大家介绍了canvas基本的认识，canvas也是一个普通的html元素，特点呢是偏向于图形的绘制。这一届我们来重点研究一下具体的图形的绘制。
在绘制基础图形之前我们必须清楚，canvas是非常原生的api，操作非常的基础但也繁琐，你需要向发送指令（命令）的方式去一步一步的告诉canvas你要干什么，他没有成型的封装好的方法供你使用，没有像第三方js库那样好用方便。
举个例子现在你想绘制一条线，你需要经历以下几个步骤：
（1）新建一个canvas画布
（2）通过上下文对象获取到画笔，并调用绘制路径函数表示开始绘画
（3）确定画笔的起始点坐标
（5）确定线路的终点坐标
（6）为线条着色，设置样式
（7）关闭路径绘制，结束绘画
没错就是如此的繁琐，每一步至少要一句js代码，下面我就用js来描述这样一个绘制线条的过程：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1
订阅专栏 解锁全文
3456
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
