8***@qq.com
8***@qq.com
  • 发布:2025-08-04 11:36
  • 更新:2025-08-04 23:55
  • 阅读:67

canvasToTempFilePath:fail fail canvas is empty

分类:uni-app x

关于uniapp x 使用了 uni.canvasToTempFilePath方法后无法得到路径的问题,通过一段时间的踩坑,终于解决了。

首先我们使用uniapp x的时候,大概率是使用uni.createCanvasContextAsync 方法,然后画完之后,就需要导出图片,这时候如果按照 uni.canvasToTempFilePath 方法去导出,我遇到了 “canvasToTempFilePath:fail fail canvas is empty” 报错,可我明明是使用了官方的方法去传入变量啊。下列就是代码实现过程:

    uni.createSelectorQuery().select('#lastCanvas').fields({  
        node:true  
    },(res)=>{  
        console.log(res);  
    }).exec((ret)=>{  
        console.log(ret);  
        uni.canvasToTempFilePath({  
            canvasId:"lastCanvas",  
            canvas:ret[0].node,  
            success:function(res){  
                console.log(res)  
            },  
            fail:function(err){  
                console.log(err)  
            }  
        },this);  
    });

我们先去找到元素的node,然后把它塞进去canvas, 就能拿到我们的导出图片了。
真的是又又又踩坑了。

0 关注 分享

要回复文章请先登录注册

b***@163.com

b***@163.com

太强了老哥,这个bug真折磨人
2025-08-04 23:55