蔡cai
蔡cai
  • 发布:2023-12-21 13:48
  • 更新:2025-08-04 11:36
  • 阅读:1967

【解决】canvasToTempFilePath:fail fail canvas is empty

分类:uni-app

uni.canvasToTempFilePath({}, this);加个this

uni.canvasToTempFilePath({  
    canvasId: "canvas",  
    success: (res) => {  
        console.log('canvas转成图片成功:', res);  
    },  
    fail: (err) => {  
        console.log('canvas转成图片失败:', err)  
    }  
}, this)

组合式写法

import { getCurrentInstance } from 'vue';  
const instance = getCurrentInstance();  
const that = instance?.proxy;  
uni.canvasToTempFilePath({  
    canvasId: "canvas",  
    success: (res) => {  
        console.log('canvas转成图片成功:', res);  
    },  
    fail: (err) => {  
        console.log('canvas转成图片失败:', err)  
    }  
}, that)

↓↓↓ 各位大佬点点赞

1 关注 分享
Sun_

要回复文章请先登录注册

8***@qq.com

8***@qq.com

回复 蔡cai :
解决了
2025-08-04 11:36
蔡cai

蔡cai (作者)

回复 8***@qq.com :
你看下我新加的组合式写法
2025-08-04 11:05
8***@qq.com

8***@qq.com

回复 蔡cai :
组合式的,我现在使用的是uniapp x 按照官方写法来,一直报错, errMsg: "canvasToTempFilePath:fail fail canvas is empty" 麻了
2025-08-04 11:02
蔡cai

蔡cai (作者)

回复 8***@qq.com :
组合式还是选项式,晚点有空我去试下,你先自己查下哦
2025-07-28 08:49
8***@qq.com

8***@qq.com

"canvasToTempFilePath:fail fail canvas is empty" uniapp x无法解决
2025-07-25 20:19
1***@qq.com

1***@qq.com

谢谢大佬救我狗命
2024-12-19 22:16
x***@163.com

x***@163.com

大佬,救我一命
2024-03-11 16:23
蔡cai

蔡cai (作者)

回复 Diligent_UI :
我这是解决了,谢谢,加了个this就没问题了
2023-12-21 15:07
Diligent_UI

Diligent_UI

随便是id错了,看看你的dom部分代码
2023-12-21 14:59