-
基本操作,看圖
查看全部 -
保持原點(diǎn)狀態(tài),總是相對(duì)原點(diǎn)移動(dòng),save(),restore()成對(duì)使用。查看全部
-
translate()是疊加的,如果總想相對(duì)原點(diǎn)位移,需要復(fù)位,如translate(-100,-100).<br/>查看全部
-
圖形變換。
查看全部 -
非常尖銳的角,才用改miterLimit().查看全部
-
miterLimit默認(rèn)值為10,內(nèi)外角最大差距為10像素,超過(guò)10,就會(huì)用bevel形式表示,miterLimit可以顯式賦值。
圖為miterLimit計(jì)算方式
查看全部 -
不同角的樣子
查看全部 -
函數(shù)繪制。
查看全部 -
linecap只能作用在線段首尾,中間不可
lineCap = "square",可以讓線段閉合處的缺口閉合
查看全部 -
rgba和hsla的最后一位是不透明度。css中可用的方式,此處都可以用字符串傳進(jìn)去
查看全部 -
cxt.rect(x, y, width, height); 畫(huà)矩形的API
cxt.fillRect(x, y, width, height);
cxt.strokeRect(x, y, width, height);
查看全部 -
畫(huà)一個(gè)矩形的函數(shù)
查看全部 -
繪制狀態(tài)放一起,繪制函數(shù)放一起查看全部
-
先填充顏色再描邊查看全部
-
fill()放在stroke()后,內(nèi)側(cè)5個(gè)像素會(huì)被覆蓋,fill()放在stroke()前,則不會(huì)查看全部
舉報(bào)