基础库 或更高版本； 若版本较低，建议采取 兼容处理 。
主体： 企业支付宝小程序 、 个人支付宝小程序
图片对象。
可用于在 canvas 中绘制图片。由 canvas.createimage 或 offscreencanvas.createimage 创建。
属性
| 名称 | 类型 | 只读 | 功能说明 |
|---|---|---|---|
| src | string | 否 | 图片的 url。 |
| width | number | 是 | 图片的真实宽度。 |
| height | number | 是 | 图片的真实高度。 |
| onload | function | 否 | 图片加载完成时触发的回调函数。 |
| onerror | function | 否 | 图片加载发生错误时触发的回调函数。 |
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
let img = canvas.createimage()
img.src = "https://mdn.alipayobjects.com/huamei_esgcm9/afts/img/a*ouykq5wgy-aaaaaaaaaaaaaadsajaq/original"
img.onload = function () {
console.log('load image success')
// 绘制图片
ctx.drawimage(img, 0, 0)
}
img.onerror = function (err) {
console.log('load image err', err)
}
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>