html5Canvas画图教程(4)—未闭合的路径及渐变色的填充方法_html5教程技巧

一般绘图的方式有两种，即填充和描边，前面的文章已经讲了描边的方法stroke，本文就讲一下Canvas中填充图形的方法。
填充即fill(),很直白吧？而且和strokeStyle表示描边样式一样，fillStyle即表示填充样式。
ctx.fillStyle = '颜色';默认的填充样式是不透明的黑色

提问：未闭合的路径可以填充吗？
可以。Canvas会从你当前路径的终点直接连接到起点，然后填充。如图：

但你可以发现，最后一段没有描边。
记得我们前一篇文章用4条线画了一个正方形，但canvas不会这么差劲，连直接绘制矩形的函数都没有。你可以使用fillRect()直接填充一个矩形：

查看更多关于html5Canvas画图教程(4)—未闭合的路径及渐变色的填充方法_html5教程技巧的详细内容...