在上一节HTML5 边玩边学（3）：像素和颜色中我们讲了颜色和像素是怎么回事，其实大多数情况下，我们用不到像素级别的操作，我们只需要对颜色进行整体设置就行了。

　　一、基本颜色

　　在HTML5 边玩边学（2）：基础绘图中，我们提到过有两个上下文属性可以用来设置颜色：

　　strokeStyle 决定了你当前要绘制的线条的颜色

　　fillStyle  决定了你当前要填充的区域的颜色

　　颜色值只要是符合CSS3 颜色值标准的有效字符串都可以。下面的例子都表示同一种颜色。例如：

//这些 fillStyle 的值均为'橙色'，ctx是上下文对象
ctx.fillStyle = "orange";
ctx.fillStyle = "#FFA500";
ctx.fillStyle = "rgb(255,165,0)";
ctx.fillStyle = "rgba(255,165,0,1)";        

        

        
        
      
        
it知识库：HTML5边玩边学（4）：变幻的色彩，转载需保留来源！
        
郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。