Canvas 的mozilla教程-运用样式与颜色

在这一章里,我们将会探讨 canvas 全部的可选项,来绘制出更加吸引人的内容。

色彩

到目前为止,我们只看到过绘制内容的方法。如果我们想要给图形上色,有两个重要的属性可以做到:fillStyle strokeStyle。

fillStyle = color
strokeStyle = color

strokeStyle 是用于设置图形轮廓的颜色,而 fillStyle 用于设置填充颜色。color 可以是表示 CSS 颜色值的字符串,渐变对象或者图案对象。我们迟些再回头探讨渐变和图案对象。默认情况下,线条和填充颜色都是黑色(CSS 颜色值 #000000)。

您输入的应该是符合 CSS3 颜色值标准 的有效字符串。下面的例子都表示同一种颜色。

  1. //

    Leave a Comment

    电子邮件地址不会被公开。 必填项已用*标注

计算器