offscreencanvas my.createoffscreencanvas(object object)
基础库 或更高版本; 若版本较低,建议采取 兼容处理 。
支小宝客户端 支持
安诊儿客户端 支持
主体: 企业支付宝小程序 、 个人支付宝小程序
创建离屏 canvas 实例。
object object
属性 | 类型 | 默认值 | 必填 | 描述 |
---|---|---|---|---|
width | number | 100 | 否 | 画布宽度,单位像素。 |
height | number | 100 | 否 | 画布高度,单位像素。 |
offscreencanvas
代码示例
page({
onready() {
// 创建离屏 canvas
const offcanvas = my.createoffscreencanvas()
const offctx = offcanvas.getcontext('2d')
// 用 离屏canvas 创建 image
const image = offcanvas.createimage()
image.src = 'https://img.alicdn.com/tfs/tb1gvvmj2bntkjjy0fdxxcppvxa-520-280.jpg'
image.onload = function () {
offcanvas.width = image.width
offcanvas.height = image.height
// 将 image 画到 离屏canvas 上
offctx.drawimage(image, 0, 0, offcanvas.width, offcanvas.height)
// 获取 离屏canvas 内像素信息
let data = offctx.getimagedata(0, 0, offcanvas.width, offcanvas.height)
console.log(data)
}
}
})