收藏
回答

canvas绘制圆角矩形安卓机型不兼容

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

iOS机型正常:


安卓机型绘制如下:


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

1 个回答

  • Jack
    Jack
    2018-06-17
    // x 起始点x坐标
    // y 起始点y坐标
    // width 圆角矩形的宽
    // height 圆角矩形的高
    function drawArcRect(ctx, x, y, width, height, radius, color, alpha) {
      ctx.save()
      ctx.beginPath();
      ctx.moveTo(x, y + radius)
      ctx.arc(x + radius, y + radius, radius, 0, Math.PI * 1.5)
      ctx.lineTo(x + width - radius, y)
      ctx.arc(x + width - radius, y + radius, radius, Math.PI * 0.5, 0);
      ctx.lineTo(x + width, y + height - radius)
      ctx.arc(x + width - radius, y + height - radius, radius, Math.PI, Math.PI * 0.5)
      ctx.lineTo(x + radius, y + height)
      ctx.arc(x + radius, y + height - radius, radius, Math.PI * 1.5, Math.PI);
      ctx.lineTo(x, y + radius)
      ctx.closePath();
      ctx.setFillStyle(color)
      ctx.setGlobalAlpha(alpha)
      ctx.fill()
      ctx.restore()
    }


    2018-06-17
    赞同 1
    回复