微信小程序canvas中使用translate對坐標(biāo)原點進行縮放

2022-05-09 16:49 更新
微信小程序 canvas接口和方法繪圖接口和方法

canvasContext.translate


定義

對當(dāng)前坐標(biāo)系的原點(0, 0)進行變換,默認的坐標(biāo)系原點為頁面左上角。

參數(shù)

參數(shù)類型說明
xNumber水平坐標(biāo)平移量
yNumber豎直坐標(biāo)平移量

例子

const ctx = wx.createCanvasContext('myCanvas')

ctx.strokeRect(10, 10, 150, 100)
ctx.translate(20, 20)
ctx.strokeRect(10, 10, 150, 100)
ctx.translate(20, 20)
ctx.strokeRect(10, 10, 150, 100)

ctx.draw()


微信小程序 canvas接口和方法繪圖接口和方法
以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號