-
注意，只有線段的兩個(gè)端點(diǎn)才會(huì)應(yīng)用lineCap屬性。比如這個(gè)箭頭的末端是圓潤(rùn)的因?yàn)樵O(shè)置了context.lineCap="round"; 而其他接點(diǎn)都是正常的
查看全部 -
三條線條分別設(shè)置了不同的lineCap
1、context.lineCap = "butt";2、context.lineCap = "round";
3、context.lineCap = "square";
查看全部 -
本章小結(jié)：lineWidth? strokeStyle? fillStyle? stroke? fill
查看全部 -
fillStyle strokeStyle 顏色值的寫(xiě)法：
#fff;
#643;
rgb(255,128,0)
rgba(100,100,100,0.8);
hsl(20,62%,28%)
hsla(40,82%,33%,0.6)
red
查看全部 -
context.fillRect(x,y,width,height);將直接用當(dāng)前定義的填充色繪制一個(gè)矩形；
context.strokeRect(x,y,width,height);將直接用當(dāng)前定義的描邊色繪制一個(gè)矩形；
查看全部 -
context.rect(x,y,width,height);快速繪制矩形
查看全部 -
定義一個(gè)畫(huà)矩形的函數(shù)
查看全部 -
先填充顏色 再描邊，按照順序來(lái)畫(huà)，否則線條的寬度會(huì)被填充色覆蓋
查看全部 -
使用closePath()會(huì)自動(dòng)幫助我們將最后一個(gè)頂點(diǎn)連接到第一個(gè)頂點(diǎn)，并且有封閉的效果
查看全部 -
beginPath()的使用
查看全部 -
變換矩陣查看全部
-
lineJoin查看全部
-
linecap查看全部
-
封裝繪制五角星查看全部
-
canvas contex顏色查看全部
舉報(bào)
0/150
提交
取消