<template>
<view class="content">
<canvas style="width: 100px; height: 150px;" canvas-id="CoverBg"></canvas>
<button type="default" @click="GetColor()">获取</button>
<view>{{imgData}}</view>
</view>
</template>
<script>
export default {
data() {
return {
imgData: ""
}
},
onLoad() {
this.DownloadImg();
},
methods: {
DownloadImg() {
uni.downloadFile({
url: "http://app.hanyueyuedu.com/UploadFiles/Images/MiYue1017.jpg",
success: res => {
if (res.statusCode === 200) {
let ctx = uni.createCanvasContext('CoverBg');
ctx.drawImage(res.tempFilePath, 0, 0, 100, 150);
ctx.draw();
}
}
});
},
GetColor() {
uni.canvasGetImageData({
canvasId: 'CoverBg',
x: 0,
y: 0,
width: 100,
height: 150,
success: res => {
console.log("success")
this.imgData = res.data;
},
fail: e => {
console.error(e.errMsg)
}
});
}
}
}
</script>
<style>
</style>
- 发布:2020-09-29 15:08
- 更新:2020-09-29 15:08
- 阅读:1046
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.8.11
手机系统: Android
手机系统版本号: Android 10
手机厂商: vivo
手机机型: nex 3
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
app或h5运行页面,点击获取按钮
app或h5运行页面,点击获取按钮
预期结果:
返回canvas的像素数据
返回canvas的像素数据
实际结果:
h5调用成功,正常返回,app调用失败,错误信息“canvasGetImageData:fail”
h5调用成功,正常返回,app调用失败,错误信息“canvasGetImageData:fail”
bug描述:
使用uni.canvasGetImageData获取像素信息时在H5上调用成功正常返回值,在app上调用失败返回错误信息“canvasGetImageData:fail”
0 个回复