CanvasContext.drawImage

2020-09-14 15:17 更新

簡(jiǎn)介

CanvasContext.drawImage 用于繪制圖像,圖像保持原始尺寸。

掃碼體驗(yàn)

undefined

效果示例

畫(huà)布.gif

示例代碼

//.js
const ctx = my.createCanvasContext('canvas')
ctx.drawImage('https://img.alicdn.com/tfs/TB1GvVMj2BNTKJjy0FdXXcPpVXa-520-280.jpg', 2, 2, 250, 80)
ctx.draw()

顯示效果如下圖所示: canvas.drawimage.png

入?yún)?/h4>

屬性如下:

屬性 類(lèi)型 描述
imageResource String 圖片資源, 只支持線(xiàn)上 cdn 地址或離線(xiàn)包地址,線(xiàn)上 cdn 需返回頭 Access-Control-Allow-Origin: *
x Number 圖像左上角 x 坐標(biāo)。
y Number 圖像左上角 y 坐標(biāo) 。
width Number 圖像寬度。
height Number 圖像高度。

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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)