公告列表
公告列表
收藏
回答

IOS小程序使用Canvas电子签名保存后，下半部分图片丢失了

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug iOS 12.4 IPHONE X、IPHONE XS MAX、IPHONE 6s等 7.0.5

canvas画完图片之后用微信的这个方法wx.canvasToTempFilePath可以把canvas转成一张临时文件，然后调后台的接口上传图片，测试环境都可以，生产环境临时文件是png的时候只有一半，是jpg的时候显示完全，但是会多些笔画。安卓没有问题，只有IOS有这个问题。


saveCanvas: function () { //生成图片 const appId = wx.getStorageSync("appId"); this.data.ctx.draw(true, () => { wx.canvasToTempFilePath({ canvasId: 'handWriting', fileType: 'jpg', success: res => { wx.showLoading({ title: '上传中' }) console.log(res.tempFilePath) uploadFile("fileUpload/upload", res.tempFilePath, { appId, clientInfo: app.globalData.clientInfo, fileDir: "sign", }, res => { this.setData({ canvasShow: false, [this.data.picStr]: [res.file], }) }) } }, this) }) },
回答关注问题邀请回答
收藏

5 个回答

  • 2019-10-10

    您好，您的电子签名怎么实现的 可以提供一下demo吗

    2019-10-10
    有用 2
    回复
  • 蒙凡
    蒙凡
    2019-11-12

    兄弟 你的canvas画签名 真机 卡不卡顿啊  我这个好卡顿  不知道是我代码有问题 还是canvas在小程序上就这么卡

    2019-11-12
    有用 1
    回复
  • 凡星
    凡星
    2020-07-09

    老哥，麻烦问下这个问候后来是怎么解决掉的？我现在同样碰到这个问题，iphone xs max 系统12.2 画canvas保存之后图片的下半部分没有出来，其他系统或机型暂时没有出过这个问题

    2020-07-09
    有用
    回复
  • 临·渊
    临·渊
    2019-10-12

    同问， iPhone XS Max 和iPhone XR 通过canvas 保存下来的 图片都有这个问题

    2019-10-12
    有用
    回复
  • 是小白啊
    是小白啊
    2019-08-27

    麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

    2019-08-27
    有用
    回复 2
    • 阿布🐱
      阿布🐱
      2019-08-27
      代码端我已经贴过了，机型也在问题里放了。saveCanvas: function () { //生成图片 const appId = wx.getStorageSync("appId"); this.data.ctx.draw(true, () => { wx.canvasToTempFilePath({ canvasId: 'handWriting', fileType: 'jpg', success: res => { wx.showLoading({ title: '上传中' }) console.log(res.tempFilePath) uploadFile("fileUpload/upload", res.tempFilePath, { appId, clientInfo: app.globalData.clientInfo, fileDir: "sign", }, res => { this.setData({ canvasShow: false, [this.data.picStr]: [res.file], }) }) } }, this) }) },
      2019-08-27
      赞
      回复
    • 是小白啊
      是小白啊
      2019-08-27回复阿布🐱

      这个格式的代码片段：代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）

      2019-08-27
      赞
      回复
请 登录 后发表内容
相关文档
问题标签
canvastotempfilepathcanvas签名css后台接口