微信的 canvasToTempFilePath

这篇具有很好参考价值的文章主要介绍了微信的 canvasToTempFilePath。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

当canvas 画好图片后,我们想把它保存到本地, 或者上传到服务器上,

用两种方式, 一种是保存图片的 base64 图片信息
另一种是 把图片的二进制数据保存到本地,默认是 png 格式的

第一种方法, 可以使用 canvas 对象的 toDataURL(); 得到一个base64 编码的图片信息

canvas.toDataURL
这里要提醒一下的是 要注意 canvas.getContext();
我们画张,写字是使用的 convas.getContext() 获得的对象, 而 toDataURL是使用的 canvas 对象,
有图为证
微信的 canvasToTempFilePath


第二种方法, 可用在微信中程序中上传图片到服务器, 我们这里就不上传了, 使用微信现成的api 保存到本地吧

   wx.canvasToTempFilePath({
      canvasId: "canvas",
      canvas:that.data.canvasobj,
      x:0,
      y:0,
      success(res){
        console.log(res.tempFilePath);
        wx.saveImageToPhotosAlbum({
          filePath:res.tempFilePath,
          success(res1){
            wx.showToast({
              title: '保存成功',
              duration: 1000,
            });
          }
        })
      },
      fail(e){
        console.log(e);
      }
    },that)

上面的 filepath:res.tempFilePath 的值 类似是这个样子的 http://tmp/Q7HOHsK5uM3v9a28c4b4cfd44850fa422994a8ab457f.png
在微信开发者工具中可以打开, 但是在谷歌中是不能打开的
上面的代码可以看到, 它保存到了本地图片库中文章来源地址https://www.toymoban.com/news/detail-485649.html

到了这里,关于微信的 canvasToTempFilePath的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包