小程序canvas bug

neeol

已于 2023-03-15 15:07:38 修改

阅读量131

点赞数

分类专栏：微信小程序文章标签：微信小程序 Powered by 金山文档

于 2023-03-15 14:54:37 首次发布

本文链接：https://blog.csdn.net/asd53564967/article/details/129554503

版权

微信小程序专栏收录该内容

1 篇文章 0 订阅

订阅专栏

IOS端当使用createOffscreenCanvas 创建的离屏canvas是不能用canvasToTempFilePath 导出生成指定大小的图片。

IOS端：

Android端：

代替方法：

// canvas toDataURL 链接
let imgSrc = this.data.imgSrc;

var reg = new RegExp('^data:image/png;base64,', 'g');
let base64data =imgSrc.replace(reg, '');

const fs = wx.getFileSystemManager();
let src = `${wx.env.USER_DATA_PATH}/signature.png`;
// 使用文件管理器 先将图片保存在上传
fs.writeFile({
    filePath: src,
    data: base64data,
    encoding: 'base64',
    success(res) {
        _this.setData({uploadLoading: false})
        // 成功后在执行上传文件操作
        _this.uploadFile(src);
    },
    fail(res) {
        console.error(res)
    }
})