uni-app renderjs里面调用context.getImageData()方法报错,无法向下执行语句
uni-app renderjs里面调用context.getImageData()方法报错,无法向下执行语句
| 项目 | 内容 |
|---|---|
| 产品分类 | uniapp/App |
| PC开发环境操作系统 | Windows |
| PC开发环境操作系统版本号 | win10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本号 | 3.3.5 |
| 手机系统 | Android |
| 手机系统版本号 | Android 11 |
| 手机厂商 | 小米 |
| 手机机型 | 红米K40 |
| 页面类型 | vue |
| vue版本 | vue2 |
| 打包方式 | 云端 |
| 项目创建方式 | HBuilderX |
操作步骤:
在renderjs里面调用getImageData抛出了异常(模拟器正常运行,真机上面就报错了)
预期结果:
获取到canvas的imageData
实际结果:
抛出了异常
bug描述:
<script module="canvas" lang="renderjs">
export default {
data() {
return {
ctx: null
}
},
methods: {
initCanvas(newVal, oldVal, owner, ins) {
let canvasEle = document.querySelectorAll('.canvas>canvas')[0]
let imageEle = document.querySelectorAll('.image>img')[0]
this.ctx = canvasEle.getContext('2d')
this.ctx.drawImage(imageEle, 0, 0)
let data = this.ctx.getImageData(0, 0, canvasWidth, canvasHeight)
console.log(data, 'imageData')
}
}
}
</script>
更多关于uni-app renderjs里面调用context.getImageData()方法报错,无法向下执行语句的实战教程也可以访问 https://www.itying.com/category-93-b0.html

