|
在上一節(jié)HTML5 邊玩邊學(xué)(3):像素和顏色中我們講了顏色和像素是怎么回事,其實(shí)大多數(shù)情況下,我們用不到像素級(jí)別的操作,我們只需要對(duì)顏色進(jìn)行整體設(shè)置就行了。
一、基本顏色
在HTML5 邊玩邊學(xué)(2):基礎(chǔ)繪圖中,我們提到過有兩個(gè)上下文屬性可以用來設(shè)置顏色:
strokeStyle 決定了你當(dāng)前要繪制的線條的顏色
fillStyle 決定了你當(dāng)前要填充的區(qū)域的顏色
顏色值只要是符合CSS3 顏色值標(biāo)準(zhǔn)的有效字符串都可以。下面的例子都表示同一種顏色。例如:
//這些 fillStyle 的值均為'橙色',ctx是上下文對(duì)象
ctx.fillStyle = "orange";
ctx.fillStyle = "#FFA500";
ctx.fillStyle = "rgb(255,165,0)";
ctx.fillStyle = "rgba(255,165,0,1)";
it知識(shí)庫:HTML5邊玩邊學(xué)(4):變幻的色彩,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時(shí)間聯(lián)系我們修改或刪除,多謝。