canvas 常用方法

2021-07-13 20:40:19 字數 803 閱讀 2626

beginpath() 新建一條路徑,生成之後,圖形繪製命令被指向到路徑上生成路徑。

closepath() 閉合路徑之後圖形繪製命令又重新指向到上下文中。

stroke() 用線條繪製圖形輪廓。

fill() 填充路徑的內容區域生成實心的圖形。

moveto(x, y) 將筆觸移動到指定的座標 (x, y)

lineto(x, y) 繪製從當前位置到指定位置 (x, y) 的直線。

arc(x, y, radius, startangle, endangle, anticlockwise) 以(x,y)為圓心,半徑為radius的圓弧(圓),角度為從startangle開始到endangle結束,按照anticlockwise給定的方向(預設為ture即順時針,false為逆時針)來生成。

arcto(x1, y1, x2, y2, radius) 根據給定的控制點和半徑畫一段圓弧,再以直線連線兩個控制點。

fillrect(x, y, width, height) 繪製填充實心的矩形

strokerect(x, y, width, height) 繪製不填充空心的矩形

clearrect(x, y, width, height) 清除指定矩形區域,讓清除部分完全透明。

quadraticcurveto(cp1x, cp1y, x, y) 繪製二次貝塞爾曲線,x,y為結束點,cp1x,cp1y為控制點。

beziercurveto(cp1x, cp1y, cp2x, cp2y, x, y) 繪製三次貝塞爾曲線,x,y為結束點,cp1x,cp1y為控制點一,cp2x,cp2y為控制點二。

Canvas 常用方法

繪製帶有間距的文字 text 要繪製的文字 x 繪製文字的起始x座標 y 繪製文字的起始y座標 space 文字間距 ctx canvas物件 canvastextspace text,x,y,space,ctx else 文字超出maxwidtth寬度,自動換行 text 要繪製的文字 x 繪製文...

常用canvas方法介紹

getcontext 方法 語法 canvas.getcontext typestr 描述 該方法用於繪製上下文工具.如果是繪製平面圖形使用 2d 作為引數,如果繪製立體圖形使用 webgl 使用 2d 返回canvasrenderingcontext2d型別的物件.使用 webgl 返回webgl...

canvas和paint常用方法

protected void ondraw canvas canvas mpaint 畫多個點 bitmap bitmap bitmapfactory.decoderesource getresources r.drawable.smile 例項化乙個bitmap canvas.drawbitmap...