今天用canvas生成分享海报的时候,使用uni.canvasToTempFilePath时直接报错:TypeError: Cannot read property 'data' of undefined。一直没有找到问题在哪里。在微信小程序里面使用就是正常的。没有进入任何一个回调里面。
- 发布:2020-01-03 15:14
- 更新:2020-05-20 17:33
- 阅读:1406
使用uni.canvasToTempFilePath在H5报错
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>