-
剪輯區(qū)域 context.clip() 路徑規(guī)劃查看全部
-
xx.globalAlpha = 1 （默認(rèn)，即不透明） xx.globalCompositeOperation = "source-over" (默認(rèn)，后繪制的圖形會壓在先繪制的圖形上) / "destination-over"(先繪制的圖形壓在后繪制的圖形上)查看全部
-
陰影： context.shadowColor //陰影顏色 context.shadowOffsetX //陰影在水平方向上的位移值 context.shadowOffsetY //陰影在豎直方向上的位移值 context.shadowBlur //陰影的模糊程度（值越大，越模糊，0表示不模糊）查看全部
-
文本的度量： context.measureText( string ).width; 獲得文本的寬（長）度查看全部
-
canvas 文字垂直對齊 是根據(jù)context.fillText(string,x,y)中的y值進(jìn)行上對齊、下對齊或居中的。 后面三個分別表示拉丁文的垂直方向基準(zhǔn)線、日語中文等方塊字的垂直方向基準(zhǔn)線、印度文的垂直方向基準(zhǔn)線。 水平對齊 context.textAlign = left/middle/right 是根據(jù)context.fillText(string,x,y)中的x值進(jìn)行左對齊、右對齊或居中的。查看全部
-
font-style: normal(默認(rèn))/italic(斜體字)/oblique(傾斜字體) font-variant:normal(默認(rèn))/small-caps(只要在使用英文小寫字母時才能看出區(qū)別，以一種小型的大寫字母形式顯示小寫字母) font-weight:lighter/normal(默認(rèn))/bold/bolder,,也可以使用數(shù)字設(shè)置：100,200,300,400(默認(rèn)),500,600,700(bold)，800,900 font-size:px(默認(rèn)，如20px)/em(如2em)/百分比%(如150%)，也可以使用以下屬性值進(jìn)行設(shè)置：xx-small, x-small, medium, large, x-large, xx-large font-family:可以設(shè)置多種字體備選；支持@font-face；web安全字體查看全部
-
context.font="樣式 字號 字體"； context.fillText("書寫的文字"，文字的x，文字的y,最長寬度：單位為像素); context.strokeText("",x,y,最長寬度：單位為像素)查看全部
-
圖片填充： createPattern( img, repeat-style ); 畫布填充： createPattern( canvas, repeat-style ); 視頻背景填充： createPattern( vedio, repeat-style );查看全部
-
canvas 徑向漸變： step1： var grd = context.createRadialGradient( x0, y0, r0, x1, y1, r1 ); step2： grd.addColorStop( stop, color );查看全部
-
fillStyle除了可以設(shè)置顏色，還可以設(shè)置漸變（線性漸變和徑向漸變）。 線性漸變： //兩個坐標(biāo)構(gòu)成一個線段，即漸變線（用于定義漸變的方向和尺度） step1： var grd = context.createLinearGradient( xstart, ystart, xend, yend ); //漸變線上的關(guān)鍵色（參數(shù)stop是一個浮點(diǎn)值，決定關(guān)鍵色的位置；參數(shù)color決定關(guān)鍵色的顏色） step2： grd.addColorStop( stop, color );查看全部
-
canvas 變換矩陣 context.transform(a, b, c, d, e, f); /* a:水平縮放(默認(rèn)值1) b:水平傾斜(默認(rèn)值0) c:垂直傾斜(默認(rèn)值0) d:垂直縮放(默認(rèn)值1) e:水平位移(默認(rèn)值0) f:垂直位移(默認(rèn)值0) */ context.transform();可以疊加使用，如果需要重新初始化矩陣變換的值，可以用: context.setTransform(a, b, c, d, e, f); 它會使得之前設(shè)置的context.transform()失效，恢復(fù)為單位矩陣然后再transform查看全部
-
scale( sx, sy )操作具有副作用，表現(xiàn)為不僅對圖像的大小進(jìn)行縮放操作，還對圖像的其他數(shù)值屬性（比如邊框的寬度，左上角的坐標(biāo)等等）進(jìn)行相應(yīng)的縮放操作。查看全部
-
save() restore() 狀態(tài)保存與恢復(fù)查看全部
-
canvas 圖像形變換查看全部
-
miterLimit查看全部
舉報(bào)
0/150
提交
取消