w***@qq.com
w***@qq.com
  • 发布:2020-01-03 15:14
  • 更新:2020-05-20 17:33
  • 阅读:1406

使用uni.canvasToTempFilePath在H5报错

分类:uni-app

今天用canvas生成分享海报的时候,使用uni.canvasToTempFilePath时直接报错:TypeError: Cannot read property 'data' of undefined。一直没有找到问题在哪里。在微信小程序里面使用就是正常的。没有进入任何一个回调里面。

2020-01-03 15:14 负责人:无 分享
已邀请:
w***@qq.com

w***@qq.com (作者)

<template>
<view>
<canvas style="width: 400px; height: 400px;" canvas-id="firstCanvas"></canvas>
<button @tap="share">分享</button>
</view>
</template>

<script>
export default {
data() {
return {
};
},
onLoad: function(e) {
var context = uni.createCanvasContext('firstCanvas');
context.setFontSize(30);
context.fillText('hello', 50, 50);
setTimeout(() => {
context.draw();
}, 200);
},
methods: {
share() {
uni.canvasToTempFilePath({
canvasId: 'firstCanvas',
success: res => {
console.log(res);
}
});
}
}
};
</script>

小智在这里

小智在这里

你解决了吗

  • 1***@qq.com

    注意查看uni.canvasToTempFilePath里面的配置参数

    2020-03-06 11:52

1***@qq.com

1***@qq.com

注意查看uni.canvasToTempFilePath里面的配置参数

l***@hotmail.com

l***@hotmail.com

我的问题也解决了,确实是因为有个地方使用了v-show,把canvas被隐藏了,千万别隐藏,哈哈哈哈

该问题目前已经被锁定, 无法添加新回复