image canvas.createimage()
基础库 或更高版本; 若版本较低,建议采取 兼容处理。
主体: 企业支付宝小程序 、 个人支付宝小程序
创建一个图片对象。支持在 2d canvas 和 webgl canvas 下使用。
效果示例
代码示例执行效果
image
image 对象
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec((res) => {
const canvas = res[0].node
const ctx = canvas.getcontext('2d')
const img = canvas.createimage()
img.src = 'https://mdn.alipayobjects.com/huamei_esgcm9/afts/img/a*ouykq5wgy-aaaaaaaaaaaaaadsajaq/original'
img.onload = () => {
ctx.drawimage(img, 0, 10, 237, 133)
}
})
}
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>