CanvasContext.translate

2020-09-14 15:19 更新

簡(jiǎn)介

CanvasContext.translate 是對(duì)當(dāng)前坐標(biāo)系的原點(diǎn)(0, 0)進(jìn)行變換,默認(rèn)的坐標(biāo)系原點(diǎn)為頁(yè)面左上角。

掃碼體驗(yàn)

undefined

效果示例

畫(huà)布.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

入?yún)?/h4>

Object 類(lèi)型,屬性如下:

屬性 類(lèi)型 描述
x Number 水平坐標(biāo)平移量。
y Number 豎直坐標(biāo)平移量。

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)