-
注意，只有線段的兩個端點才會應用lineCap屬性。比如這個箭頭的末端是圓潤的因為設置了context.lineCap="round"; 而其他接點都是正常的
查看全部 -
三條線條分別設置了不同的lineCap
1、context.lineCap = "butt";2、context.lineCap = "round";
3、context.lineCap = "square";
查看全部 -
本章小結：lineWidth? strokeStyle? fillStyle? stroke? fill
查看全部 -
fillStyle strokeStyle 顏色值的寫法：
#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);將直接用當前定義的填充色繪制一個矩形；
context.strokeRect(x,y,width,height);將直接用當前定義的描邊色繪制一個矩形；
查看全部 -
context.rect(x,y,width,height);快速繪制矩形
查看全部 -
定義一個畫矩形的函數
查看全部 -
先填充顏色 再描邊，按照順序來畫，否則線條的寬度會被填充色覆蓋
查看全部 -
使用closePath()會自動幫助我們將最后一個頂點連接到第一個頂點，并且有封閉的效果
查看全部 -
beginPath()的使用
查看全部 -
變換矩陣查看全部
-
lineJoin查看全部
-
linecap查看全部
-
封裝繪制五角星查看全部
-
canvas contex顏色查看全部
舉報
0/150
提交
取消