Canvas 常用方法

2021-09-27 10:47:13 字數 805 閱讀 5623

/*

繪製帶有間距的文字

text: 要繪製的文字

x: 繪製文字的起始x座標

y: 繪製文字的起始y座標

space: 文字間距

ctx: canvas物件

*/canvastextspace

(text, x, y, space, ctx)

else}}

,/*文字超出maxwidtth寬度,自動換行

text: 要繪製的文字

x: 繪製文字的起始x座標

y: 繪製文字的起始y座標

lineheight: 與上一行文字的間距

maxwidtth: 文字最大寬度

ctx: canvas物件

*/canvastextautoline

(text, x, y, lineheight, maxwidtth, ctx)

if(i === text.length -1)

}},/*

文字超出maxwidtth寬度,顯示...

text: 要繪製的文字

x: 繪製文字的起始x座標

y: 繪製文字的起始y座標

maxwidtth: 文字最大寬度

ctx: canvas物件

*/canvastextellipsis

(text, x, y, maxwidtth, ctx)

if(textwidth > maxwidtth &&

!count)

if(i === text.length -1)

}}

canvas 常用方法

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

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