HTML5Canvas——用路径描画线条实例介绍_html5教程技巧

原文：
http://HdhCmsTestlifelaf测试数据/blog/?p=371
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, [Using Paths to Create Lines]

对于HTML5 Canvas，我们可以使用[路径]来描画任何图形。路径，简单来说就是一系列的点以及连接这些点的线。任何Canvas上下文只会有一个[当前路径]，而当context.save()调用时，该[当前路径]并不会被保存。

路径的开始与结束

调用beginPath()可以开始一个路径，而调用closePath()则会令该路径结束。如果连接路径中的点，那么这种连接就构成了一个[子路径]。如果[子路径]中最后一个点与其自身的第一个点相连，我们就认为该[子路径]是[闭合]的。

线条的描绘

最基本的路径操作由反复调用moveTo()和lineTo()命令组成。比如以下这个例子：

查看更多关于HTML5Canvas——用路径描画线条实例介绍_html5教程技巧的详细内容...