?

context . restore() //彈出堆最上面保存的繪圖狀態(tài)?

context . save() //在繪圖狀態(tài)堆上保存當(dāng)前繪圖狀態(tài)?

繪圖狀態(tài)可以看作當(dāng)前畫面應(yīng)用的所有樣式和變形的一個快照。而狀態(tài)的應(yīng)用則可以避免繪圖代碼的過度膨脹。

轉(zhuǎn)換(Transformations)?

context . rotate(angle) ?//按給定的弧度旋轉(zhuǎn),按順時針旋轉(zhuǎn)?

context . scale(x, y) //按給定的縮放倍率縮放，1.0,為不變

context . setTransform(m11, m12, m21, m22, dx, dy)//重設(shè)當(dāng)前的轉(zhuǎn)換到

context . transform(m11, m12, m21, m22, dx, dy) //矩陣變換，結(jié)果等于當(dāng)前的變形矩陣乘上

context . translate(x, y) //可以理解為偏移，向 x,y方向偏移指定的量,其用來移動 Canvas 的原點到一個指定的值

?

合成（Compositing）

context . globalAlpha [ = value ] //0-1.0之間的數(shù)據(jù)，設(shè)定圖像的透明度

context . globalCompositeOperation [ = value ] //設(shè)定重疊圖像的覆蓋方式，可以設(shè)定為(注，值大小寫敏感)：

?

顏色和風(fēng)格

context . fillStyle [ = value ] //返回填充形狀的當(dāng)前風(fēng)格，能被設(shè)置以用來改變當(dāng)前的填充風(fēng)格，其值可以是CSS顏色字串，也可以是CanvasGradient或者 CanvasPattern 對象，非法的值將被忽略。

context . strokeStyle [ = value ] //返回當(dāng)前描繪形狀的風(fēng)格，能被設(shè)置，其值同上。

gradient . addColorStop(offset, color) //在給定偏移的地方增加一個漸變顏色點，偏移量取值范圍為 0-1.0 之間，否則產(chǎn)生一個 INDEX_SIZE_ERR的異常，color 為 DOM 字符串，如果不能解析，則拋出一個 SYNTAX_ERR的異常

gradient = ?context . ?createLinearGradient(x0, ?y0,?x1, y1) //建立一個線性漸變，如果任何一個參數(shù)不是有限值，則拋出一個NOT_SUPPORTED_ERR的異常。

gradient = context . createRadialGradient(x0, y0, r0, x1, y1, r1) //建立一個徑向漸變，如果任何一個參數(shù)不是有限值，則拋出一個NOT_SUPPORTED_ERR的異常。假如 r0或 r1 為負(fù)值，則拋出 INDEX_SIZE_ERR的異常。

?

pattern = context . createPattern(image, repetition)

本方法用指定的圖像和重復(fù)方向建立一個畫布圖案對象，image 參數(shù)可為 img,canvas,video 元素中的任一個，如果不滿足此條件，則拋出TYPE_MISMATCH_ERR 異常，如果圖片編碼未知或沒有圖像數(shù)據(jù)，則拋出INVALID_STATE_ERR 異常；

第二個參數(shù)可以是下列值：?

repeat ? ? ? ? 默認(rèn)參數(shù)，如果為空，則為此參數(shù)，表示兩個方向重復(fù)?
repeat-x ? ? ?僅水平重復(fù)?
repeat-y ? ? ?僅垂直重復(fù)?
no-repeat ? ? 不重復(fù)

?

?

?

?

canvas的狀態(tài)?
每個上下文都包含一個繪圖狀態(tài)的堆，繪圖狀態(tài)包含下列內(nèi)容：?
$ 當(dāng)前的 transformation matrix.?
$ 當(dāng)前的 clipping region?
$ 當(dāng)前的屬性值：fillStyle, font, globalAlpha,?
globalCompositeOperation, lineCap, lineJoin,?
lineWidth, miterLimit, shadowBlur, shadowColor,?
shadowOffsetX, shadowOffsetY, strokeStyle, textAlign,?
textBaseline?
注：當(dāng)前 path 和當(dāng)前 bitmap 不是繪圖狀態(tài)的一部分，當(dāng)前 path 是持久
存在的，僅能被 beginPath()復(fù)位，當(dāng)前 bitmap 是 canvas 的屬性，而非繪
圖上下文。

轉(zhuǎn)載于:https://www.cnblogs.com/aimyfly/p/3786149.html

總結(jié)

以上是生活随笔為你收集整理的Canvas 属性,方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。