canvas-顏色和樣式

顏色

fillStyle = color

設置圖形的填充顏色。

strokeStyle = color

設置圖形輪廓的顏色。

color可以是表示 CSS 顏色值的字符串,漸變對象或者圖案對象,默認情況下,線條和填充顏色都是黑色(CSS 顏色值#000000)。


透明度

globalAlpha = transparencyValue

這個屬性影響到 canvas 里所有圖形的透明度,有效的值范圍是 0.0 (完全透明)到 1.0(完全不透明),默認是 1.0。

或者:

// 指定透明顏色,用于描邊和填充樣式

ctx.strokeStyle="rgba(255,0,0,0.5)";

ctx.fillStyle="rgba(255,0,0,0.5)";


線性

lineWidth = value

設置線條寬度。

lineCap = type

設置線條末端樣式。

lineJoin = type

設定線條與線條間接合處的樣式。

miterLimit = value

限制當兩條線相交時交接處最大長度;所謂交接處長度(斜接長度)是指線條交接處內角頂點到外角頂點的長度。

getLineDash()

返回一個包含當前虛線樣式,長度為非負偶數的數組。

setLineDash(segments)

設置當前虛線樣式。

lineDashOffset = value

設置虛線樣式的起始偏移量

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 使用樣式和顏色 色彩 colors 如果想要給圖形上色,有兩個重要的屬性可以做到:fillStyle 和 stro...
    閑不住的李先森閱讀 1,603評論 0 0
  • 一、canvas簡介 1.1 什么是canvas?(了解) 是HTML5提供的一種新標簽 Canvas是一個矩形區...
    Looog閱讀 3,973評論 3 40
  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標簽 ②:HTML5 ...
    GreenHand1閱讀 4,719評論 2 32
  • 一、簡介 HTML5 中的定義:“它是依賴分辨率的位圖畫布,你可以在 canvas 上面繪制任何圖形,甚至加載照片...
    destiny0904閱讀 10,603評論 1 4
  • 初初來的秋 突然間的夜 放空自己,望一眼窗外 樓與樓的距離太近 多久以前?不久以前 還期待著誰家表妹突然間能夠回頭...
    bb53503536bd閱讀 161評論 0 1