常用canvas方法介紹

2022-05-22 06:18:15 字數 2534 閱讀 2037

getcontext 方法

語法:canvas.getcontext( typestr )

描述:該方法用於繪製上下文工具.

如果是繪製平面圖形使用'2d'作為引數, 如果繪製立體圖形使用'webgl'.

使用'2d'返回canvasrenderingcontext2d型別的物件.

使用'webgl'返回webglrenderingcontext型別的物件.

moveto 方法

語法:canvasrenderingcontext2d.moveto( x, y )

描述:該方法用於設定繪製起點.

其中引數 x, y 表示在座標系中的位置, 分別是 x 座標與 y 座標.

lineto 方法

語法:canvasrenderingcontext2d.lineto( x, y )

描述:該方法用於設定需要繪製直線的另乙個點. 最終描邊後會連線當前點和方法引數描述的點.

其中引數 x, y 表示在座標系中的位置, 分別是 x 座標與 y 座標.

stroke 方法

語法:canvasrenderingcontext2d.stroke()

描述: 該方法用於連線, 將描述的所有點按照指定順序連線起來.

fill 方法

語法:canvasrenderingcontext2d.fill()

描述: 該方法會按照描繪的點的路徑來填充圖形. 預設是黑色.

closepath 方法

語法:canvasrenderingcontext2d.closepath()

描述: 使用該方法可以將最後乙個描點與最開始的描點自動連線起來.

closepath 方法

語法:canvasrenderingcontext2d.closepath()

描述: 使用該方法可以將最後乙個描點與最開始的描點自動連線起來.

繪製制矩形框

strokerect方法

語法:canvasrenderingcontext2d.strokerect( x, y, width. height )

描述:用來繪製乙個矩形. 比起直接使用movetolineto方法要簡單許多.

該方法的前兩個引數表示繪製矩形的左上角的座標. 後兩個引數表示這個矩形的寬高.

使用該方法不需要使用moveto方法設定起始點, 也不需要呼叫stroke等繪畫方法.

繪製的矩形支援strokestyle設定顏色樣式.

繪製填充矩形

fillrect方法

語法:canvasrenderingcontext2d.fillrect( x, y, width. height )

描述:用來繪製乙個矩形. 比起直接使用movetolineto方法要簡單許多.

該方法的前兩個引數表示繪製矩形的左上角的座標. 後兩個引數表示這個矩形的寬高.

使用該方法不需要使用moveto方法設定起始點, 也不需要呼叫stroke等繪畫方法.

繪製的矩形支援fillstyle設定顏色樣式.

清除矩形區域

clearrect方法

語法:canvasrenderingcontext2d.clearrect( x, y, width, height )

描述:用於清除畫布中的矩形區域的內容.

引數 x, y 表示矩形區域左上角的座標, width 與 height 表示矩形區域的寬高.

繪製圓弧

語法:canvasrenderingcontext2d.arc( x, y, radius. startangle. endangle, anticlockwise )

描述:該方法用於繪製一段弧, 配合開始點的位置 與stroke方法或fill方法可以繪製扇形.

方法中的前兩個引數 x, y 表示繪製圓弧的圓心座標.

引數 radius 表示圓弧半徑, 單位為弧度.

引數 startangle 與 endangle 表示開始到結束的角度. 角度以水平向右為 0 弧度, 順時針為正方向.

引數 anticlockwise 表示是否採用預設的正向角度, 如果傳入 true 表示逆指標為正. 該引數可選.

canvas 常用方法

beginpath 新建一條路徑,生成之後,圖形繪製命令被指向到路徑上生成路徑。closepath 閉合路徑之後圖形繪製命令又重新指向到上下文中。stroke 用線條繪製圖形輪廓。fill 填充路徑的內容區域生成實心的圖形。moveto x,y 將筆觸移動到指定的座標 x,y lineto x,y ...

Canvas 常用方法

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

canvas和paint常用方法

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