html5 Canvas画图4:填充和渐变
摘要:
一般绘图的方式有两种,即填充和描边,前面的文章已经讲了描边的方法stroke,本文就讲一下Canvas中填充图形的方法。填充即fill(),很直白吧?而且和strokeStyle表示描边样式一样,fillStyle即表示填充样式。ctx.fillStyle = '颜色';默认的填充样式是不透明的黑色提问:未闭合的路径可以填充吗?可以。Canvas会从你当前路径的终点直接连接到起点,然后填充。如图:但你可以发现,最后一段没有描边。记得我们前一篇文章用4条线画了一个正方形,但canvas不会这么差劲,连直接绘制矩形的函数都没有。你可以使用fillRect()直接填充一个矩形:ctx 阅读全文