<template>
<view>
<canvas style="width: 80vw; height: 80vh;" type="2d" :canvas-id="canvasId"
@error="canvasIdErrorCallback"></canvas>
<button @click="start_draw()">开始绘制</button>
</view>
</template>
<script>
export default {
data() {
return {
canvasId: 'camera-canvas',
deviceWidth: uni.getSystemInfoSync().windowWidth,
deviceHeight: uni.getSystemInfoSync().windowHeight * 0.8,
}
},
onReady() {
this.drawCamera()
},
methods: {
canvasIdErrorCallback: function(e) {
console.error(e.detail.errMsg)
},
drawCamera() {
//官方示例
const data = new Uint8ClampedArray([255, 0, 0, 255])
uni.canvasPutImageData({
canvasId: this.canvasId,
x: 0,
y: 0,
width: 1,
data: data,
success(res) {}
})
},
start_draw() {
let that = this
uni.canvasGetImageData({
canvasId: this.canvasId,
x: 0,
y: 0,
width: 38,
height: 51,
success(res) {
let imgdatda = res.data
var totalPixels = (res.width * res.height);
for (var i = 0; i < totalPixels; i++) {
var n = i * 4;
var r = imgdatda[n];
var g = imgdatda[n + 1];
var b = imgdatda[n + 2];
imgdatda[n] = (r * 0.393) + (g * 0.769) + (b * 0.189); // 底片效果
imgdatda[n + 1] = (r * 0.349) + (g * 0.686) + (b * 0.168);
imgdatda[n + 2] = (r * 0.272) + (g * 0.534) + (b * 0.131);
}
console.log(imgdatda instanceof Uint8ClampedArray)
const data = new Uint8ClampedArray([255, 0, 0, 255])
uni.canvasPutImageData({
canvasId: that.canvasId,
x: 0,
y: 0,
width: 1,
data: data,
success(res) {}
})
}
})
}
}
}
</script>
- 发布:2023-03-31 12:52
- 更新:2023-04-23 09:30
- 阅读:401
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: Windows 10 专业版 22H2
HBuilderX类型: 正式
HBuilderX版本号: 3.7.9
手机系统: Android
手机系统版本号: Android 12
手机厂商: 小米
手机机型: 红米K40
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
空白新项目,运行官方示例在安卓app下闪退
空白新项目,运行官方示例在安卓app下闪退
预期结果:
绘制图片
绘制图片
实际结果:
app闪退
app闪退
bug描述:
空白新项目,运行官方示例在安卓app下闪退
5 个回复
2***@qq.com - 一个初出茅庐的小白
我也是遇到这个问题,不知道什么原因,也捕获不到error
DCloud_UNI_GSQ
仅个别机型这样吗?
9***@qq.com (作者)
我身边都是小米或者红米的手机 均闪退,刚刚下面那个兄弟说一加的ACE2也闪退
2023-04-15 13:21
a聆听
更新到3.7.0以后的编辑器就会这样;老版本的编辑器是正常的;
2023-04-17 14:03
a聆听
oppo 机型闪退,,华为机型卡手机;
2023-04-17 14:04
b***@163.com
今天同样碰到了这个闪退的问题,H5端正常,APP端闪退,两部手机 红米NOTE 9 Pro,一加 ACE2 ,都是闪退。希望官方尽快修复这个BUG,项目就卡在这里了
a聆听
我也遇到这个问题;在安卓上要么闪退;要么渲染不出图形;感觉像内存泄露,会卡手机;
p***@163.com
iOS平台正常,两台Android测试机都发生闪退(小米、vivo),希望尽快修复