CanvasContext.translate

2020-09-14 15:19 更新

簡介

CanvasContext.translate 是對當前坐標系的原點(0, 0)進行變換,默認的坐標系原點為頁面左上角。

掃碼體驗

undefined

效果示例

畫布.gif

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')


ctx.strokeRect(20, 20, 250, 80)
ctx.translate(30, 30)
ctx.strokeRect(20, 20, 250, 80)
ctx.translate(30, 30)
ctx.strokeRect(20, 20, 250, 80)


ctx.draw()

顯示效果如下圖所示: ctx.translate.png

入參

Object 類型,屬性如下:

屬性 類型 描述
x Number 水平坐標平移量。
y Number 豎直坐標平移量。
以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號