Canvas繪製基礎

2021-06-18 06:11:54 字數 1005 閱讀 6995

//繪製畫素點

canvas.drawpoint(float x, float y, paint paint);

canvas.drawpoints(float pts, paint paint);

canvas.drawpoints(f float pts, int offset, int count, paint paint);

x:畫素點橫座標

y:畫素點縱座標

pts:多個畫素點的座標,元素個數必須是偶數,兩個一組為乙個畫素點的橫縱座標

paint:用來設定畫素點的大小,顏色等屬性

offset:drawpoints可以取pts陣列中的一部分連續元素作為畫素點的座標,通過該引數指定第乙個要獲取的元素位置,若要獲取從第三個元素開始,則設定為2

count:要獲得陣列的元素個數,必為偶數

for example:

protected void ondraw(canvas canvas) ;

int offset = 4;

int count = pts.length-4;

paint paint = new paint();

paint.setcolor(color.blue);

canvas.drawpoints(pts, offset, count, paint);

}//繪製線條和繪製畫素點基本相同 畫素點是兩個float作為一組,而線條是四個float一組;

//繪製圓形

canvas.drawcircle(x, y, 20, paint); 橫縱座標,半徑;

//繪製弧

protected void ondraw(canvas canvas)

//繪製文字

canvas.drawtext(text, x, y, paint);

canvas.drawpostext(text, pos, paint);

canvas.drawpostext(text, index, count, pos, paint);

canvas繪製基礎示例

canvas 即畫布的意思。標籤使用,是普通的html標籤。可以設定width和height屬性,但是單位必須為px。設定canvas標籤的寬高是通過其屬性進行設定的,不要用css設定 ie9 以上才支援 canvas 你的瀏覽器不支援canvas,請公升級瀏覽器 canvas座標系,從左上角0,0...

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