moveto(x,y)
lineto(x,y)
linewidth//線條寬度
strokestyle//線條樣式
storoke()//線條繪製
填充fillstyle//填充
fill()//繪製填充
canvas提供的圖形繪製函式
rect(x,y,width,height)//定義矩形狀態
//繪製矩形
fillrect(x,y,width,height)
storkerect(x,y,width,height)
線條屬性：
linewidth//線條寬度
linecap //線條尾部形狀
-butt（預設）
-round
-square
linejoin //交點樣式
-miter（預設）
-bevel //斜接
-round
milterlimit//當linejoin="milter"時畫素
Canvas繪製基礎
繪製畫素點 canvas.drawpoint float x,float y,paint paint canvas.drawpoints float pts,paint paint canvas.drawpoints f float pts,int offset,int count,paint pa...
Canvas 繪製文字
filltext text，x,y maxwidth 填充文字 stroketext text，x,y maxwidth 描邊文字 font font 10px sans serif 預設 text anchor start 預設，文字對齊界線開始的地方 左對齊指本地從左向右，右對齊指本地從右向左 ...
Canvas 繪製直線
1.canvas繪圖是一種基於狀態的繪圖，繪圖的過程應該是先設定繪圖的狀態，再呼叫具體的函式進行繪製。例如繪製一條 100,100 到 700,700 的直線 context.moveto 100,100 設定起點狀態 context.lineto 700,700 設定末端狀態 context.li...