-
context.canvas 可以從context中獲取所引用的canvas查看全部
-
var x = event.clientX - canvas.getBoundingClientRect().left; var y = event.clientY - canvas.getBoundingClientRect().top;查看全部
-
miterlimit的計算方式很獨特查看全部
-
http://tinyurl.com/html5quadratic查看全部
-
wab查看全部
-
arcTo(x1,y1,x2,y2,radius);查看全部
-
.save(); .restore();查看全部
-
translate(x,y); rotate(deg); scale(sx,sy);查看全部
-
lineJoin:miter(default),bevel,round查看全部
-
lineCap:butt(default),round,square:查看全部
-
后面繪制的圖形會遮擋前面繪制的圖形的重疊部分查看全部
-
rect(x,y,width,height);規劃矩形路徑 fillRect(x,y,width,height); strokeRect(x,y,width,height); 直接繪制矩形查看全部
-
beginPath(); closePath(); fillStyle = "#058" fill(); 先填充顏色再描邊查看全部
-
beginPath/closePath封閉多邊形 需要描邊的話,要先填充顏色,然后再描邊。查看全部
-
save() restore() 保存恢復canvas繪圖的狀態 translate(x,y) 位移操作 raote(deg) 旋轉操作 scale(sx,sy) 縮放操作 變換矩陣:|a b c| |d e f| |0 0 1| transform(a,b,c,d,e,f) 設置變換矩陣 setTransform(a,b,c,d,e,f) 清除之前的設置并設置查看全部
舉報
0/150
提交
取消