收藏
回答

canvas绘制头像

框架类型 问题类型 操作系统 工具版本
小程序 Bug Windows v1.02.1905151

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo




     // 绘制头像

     canvas.save()

     canvas.beginPath()

     canvas.arc(130, top + 30, 15, 0, 2 * Math.PI)

     canvas.clip()

     canvas.drawImage(res[0].path, 115, top + 15, 30, 30)

     canvas.restore()

这个微信头像为啥会超出显示 emmmmmm

回答关注问题邀请回答
收藏

2 个回答

  • 青丘血狐
    青丘血狐
    2019-06-10

    我测试了下 吧这段代码放在前面 把top改为确切的数值后就好了 ,

    是前面要做什么操作吗 感觉是前面的代码影响了

    2019-06-10
    有用
    回复
  • 邱一欢
    邱一欢
    2019-06-10

    canvas.clip() 这个后面 先fill填充一个透明色的, 然后再drawimange

    2019-06-10
    有用
    回复 1
    • 青丘血狐
      青丘血狐
      2019-06-10

      canvas.save()

           canvas.beginPath()

           canvas.arc(130, top + 30, 15, 0, 2 * Math.PI)

           canvas.clip()

           canvas.setFillStyle('rgba(0,0,0,0)')

           canvas.fill()

           canvas.drawImage(res[0].path, 115, top + 15, 30, 30)

           canvas.restore()

      是这样吗 我弄了没效果

      2019-06-10
      回复
登录 后发表内容