在renderjs里面调用getImageData抛出了异常(模拟器正常运行,真机上面就报错了)

- 发布:2022-01-18 09:32
- 更新:2022-01-18 09:32
- 阅读:386
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.3.5
手机系统: Android
手机系统版本号: Android 11
手机厂商: 小米
手机机型: 红米K40
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
操作步骤:
预期结果:
获取到canvas的imageData
获取到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>
