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 )
描述:用來繪製乙個矩形. 比起直接使用moveto
和lineto
方法要簡單許多.
該方法的前兩個引數表示繪製矩形的左上角的座標. 後兩個引數表示這個矩形的寬高.
使用該方法不需要使用moveto
方法設定起始點, 也不需要呼叫stroke
等繪畫方法.
繪製的矩形支援strokestyle
設定顏色樣式.
繪製填充矩形
fillrect方法
語法:canvasrenderingcontext2d.fillrect( x, y, width. height )
描述:用來繪製乙個矩形. 比起直接使用moveto
和lineto
方法要簡單許多.
該方法的前兩個引數表示繪製矩形的左上角的座標. 後兩個引數表示這個矩形的寬高.
使用該方法不需要使用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...