收藏
回答

小程序canvas画布裁剪圆形bug

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

画布里如果超出一张图片  clip裁剪图片效果失效   如果只有一张图片  裁剪可以使用  超出一张就GG了


最后一次编辑于  2018-05-23  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 娇华
    娇华
    2018-05-24

    麻烦给个相关的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),我们定位下问题

    2018-05-24
    赞同
    回复 6
    • ^_^²⁰¹⁹⁺
      ^_^²⁰¹⁹⁺
      2018-05-24
      我给了代码片段,看这里https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000e463db405e0d0f6c61a13356000&highline=canvas
      2018-05-24
      回复
    • Shaoteng
      Shaoteng
      2018-05-25
      const context = wx.createCanvasContext('canvas1') context.drawImage(poster_pic1, 0, 0, 300, 500) context.save(); context.beginPath(); context.arc(64, 136, 26, 0, Math.PI * 2, false); context.fillStyle = 'rgba(0,0,0,1)'; context.fill() context.clip(); context.drawImage(poster_pic2, 38, 110, 52, 52); context.restore(); context.closePath() context.save(); context.beginPath(); context.moveTo(60, 177) context.lineTo(60, 177) context.stroke() context.setFontSize(12) context.setTextAlign('center') context.fillText(poster_name1, 63, 182) context.restore(); context.closePath() context.save(); context.beginPath(); context.arc(64, 219, 26, 0, Math.PI * 2, false); context.fillStyle = 'rgba(0,0,0,1)'; context.fill() context.clip(); context.drawImage(poster_pic3, 38, 193, 52, 52); context.restore(); context.closePath() context.save(); context.beginPath(); context.moveTo(60, 262) context.lineTo(60, 262) context.stroke() context.setFontSize(12) context.setTextAlign('center') context.fillText(poster_name2, 63, 267) context.restore(); context.closePath() context.draw();
      2018-05-25
      回复
    • Shaoteng
      Shaoteng
      2018-05-25回复娇华
      这就是canvas全部代码
      2018-05-25
      回复
    • Shaoteng
      Shaoteng
      2018-05-25回复娇华
      官方可以是试试啊 clip裁剪图片效果失效 如果只有一张图片 裁剪可以使用 超出一张就GG,ios更新最新版微信6.6.7后就这样了,你们试试不就行了,我这代码片段不好单独弄出来
      2018-05-25
      回复
    • 娇华
      娇华
      2018-05-25回复Shaoteng
      不好意思~是我失误了~这个问题已经复现了~我们尽快修复~ wechat 6.6.7导致canvas执行结果错误 https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000e463db405e0d0f6c61a13356000&highline=canvas
      2018-05-25
      回复
    查看更多(1)
  • 兰
    2018-05-23

    再不修复我就要凉凉啦

    2018-05-23
    赞同 2
    回复 1
    • 兰
      2018-05-23
      再不修复我就要凉凉啦
      2018-05-23
      回复
  • Shaoteng
    Shaoteng
    2018-05-25

    我的也遇到这个问题了

    2018-05-25
    赞同
    回复 1
    • 兰
      2018-05-25
      官方已经确定,在修复中了 https://developers.weixin.qq.com/blogdetail?action=get_post_info&docid=000e463db405e0d0f6c61a13356000&highline=canvas
      2018-05-25
      回复
  • 宛如智障
    宛如智障
    2018-05-24

    ios有这个问题,安卓正常,正常的画可以,图片裁剪只有一个生效

    2018-05-24
    赞同
    回复