收藏
回答

微信6.6.7 小程序Cavas clip方法连续裁剪图片时,只有第一张有效

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug canvas.clip 客户端 iOS 6.6.7 1.9.94

微信版本6.6.7, 小程序 canvas clip方法裁剪图片只有第一张会裁剪,后续图片都无法裁剪。


最后一次编辑于  2018-05-30
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-05-31

    你好,麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5)和机型

    2018-05-31
    赞同
    回复 2
    • 白大汪
      白大汪
      2018-05-31

      IOS 6.6.7 微信版本会有此问题

      2018-05-31
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-05-31回复白大汪

      你好,经确认,问题已复现,我们会尽快修复,感谢你的反馈

      2018-05-31
      回复
  • 白大汪
    白大汪
    2018-05-31

    我本地iphone5 ,iphone6s 都有这个问题

    2018-05-31
    赞同
    回复
  • 敏清🌞
    敏清🌞
    2018-05-31

    我也遇到了。


    const ctx = wx.createCanvasContext('testCanvas')
            wx.downloadFile({
              url: 'https://cdn.maoka777.com/1519739243_b45291.png?imageMogr2/thumbnail/200x/interlace/1',
              success: function(res) {
                  ctx.save()
                  ctx.beginPath()
                  ctx.arc(283, 75.5, 50, 0, 2*Math.PI) 
                  ctx.clip() 
                  ctx.drawImage(res.tempFilePath, 233, 25.5, 100, 100)
                  ctx.restore()
     
                  ctx.save()     
                  ctx.beginPath()
                  ctx.arc(50, 50, 25, 0, 2*Math.PI)
                  ctx.clip()
                  ctx.drawImage(res.tempFilePath, 25, 25)
                  ctx.restore()
     
                  ctx.draw()
              }
            })


    2018-05-31
    赞同
    回复 1
    • 白大汪
      白大汪
      2018-05-31

      我已经改用 web-view 组件内的h5 完成裁剪了,小程序的canvas 暂时不用了

      2018-05-31
      回复