微信小程序canvas画布绘制base64图片并保存图片到相册中

最新推荐文章于 2024-05-24 09:31:27 发布

温柔归故里

最新推荐文章于 2024-05-24 09:31:27 发布

阅读量765

点赞数

文章标签：微信小程序小程序

本文链接：https://blog.csdn.net/tong200617/article/details/133837935

版权

WXML部分：

    <view class="img_"  style="width: 100%;">
      <canvas type="2d" id="canvasId" style="width: 100%;height: 100%" ></canvas>      
      <button style="margin: auto;width: 70%;margin-top: 10px;" bindtap="saves">保存图片</button>
    </view>

样式可以根据自己需求自行调整

canvas绘制成图片部分：

  //写在接口成功回调中
const fs = wx.getFileSystemManager();
          var codeimg = wx.env.USER_DATA_PATH + '/' + '.jpg';
          fs.writeFile({
            filePath: codeimg,
            data: res.data.slice(22), // code就是接口返回的base64数据(分割掉前面的data:image/png;base64,)
            encoding: 'base64',