收藏
回答

canvas 圆形图与圆角矩形不能共存

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

在ios上红色圆形图与下面两个圆角矩形不能共存

drawRedClipBox若是放在54行执行,红色圆形图不出现


drawRedClipBox若是放在32行执行,下面的两个圆角矩形绘不出来



求canvas大牛帮忙

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

2 个回答

  • 伟
    2018-08-16

    感谢@Afan esay-canvas 有实现绘制圆角矩形方法

    厚颜抄过来了

    drawRoundRect (ctx, x, y, w, h, r, bgc) {

    ctx.save()

    ctx.beginPath()

    ctx.moveTo(x, y + r)

    ctx.lineTo(x, y + h - r)

    ctx.quadraticCurveTo(x, y + h, x + r, y + h)

    ctx.lineTo(x + w - r, y + h)

    ctx.quadraticCurveTo(x + w, y + h, x + w, y + h - r)

    ctx.lineTo(x + w, y + r)

    ctx.quadraticCurveTo(x + w, y, x + w - r, y)

    ctx.lineTo(x + r, y)

    ctx.quadraticCurveTo(x, y, x, y + r)

    ctx.closePath()

    ctx.restore()

    ctx.setFillStyle(bgc)

    ctx.fill()

    }


    2018-08-16
    赞同
    回复
  • 卢霄霄
    卢霄霄
    2018-08-15

    6p 系统11.3  微信6.7.2 基础库2.0.9 使用你的代码片段显示正常呢


    2018-08-15
    赞同
    回复 1
    • 伟
      2018-08-16

      谢谢

      2018-08-16
      回复