Canvas繪製原型與線型

2021-10-02 17:09:56 字數 431 閱讀 1836

1.圓形繪製

畫家.arc(圓心x,圓心y,圓弧半徑r,開始弧度,結束弧度,false);

畫家.arc(圓心x,圓心y,圓弧半徑,結束弧度,開始弧度,true);

說明:弧度不是角度。(0~2)*math.pi

ps:false先開始後結束,如果是true是先結束後開始

pss:都是順時針畫弧

2.線形

(1)設定線寬:畫家.linewidth = 具體數值;

(2)設定端點:畫家.linecap = 『端點型別』

butt無端點 round圓角端點,square方塊端點

(3)設定連線:畫家.linejoin = 『連線型別』

round圓弧連線 bevel截面連線 miter直角連線

(4)設定虛線:畫家.setlinedash([第一段長度,第二段長度,…]);

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...