imagedata canvasrenderingcontext2d.createimagedata(number width, number height)
主体: 企业支付宝小程序 、 个人支付宝小程序
创建一个指定尺寸的 imagedata
对象。
number width
宽度。
number height
高度。
imagedata imagedata
创建出的新的 imagedata 对象。新对象内所有像素均为透明。
代码示例
.js
.axml
page({
oncanvasready() {
my.createselectorquery().select('#canvas').node().exec(res => {
const canvas = res[0].node
let ctx = canvas.getcontext('2d')
let imgdata = ctx.createimagedata(100, 100)
let data = imgdata.data
for (let i = 0; i < data.length; i = 4) {
data[i 0] = 190
data[i 1] = 0
data[i 2] = 210
data[i 3] = 255
}
ctx.putimagedata(imgdata, 100, 100)
})
},
})
<canvas id="canvas" type="2d" onready="oncanvasready">canvas>