回答

置顶canvas绘制圆角矩形安卓机型不兼容精选热门

2018-06-024680浏览问题模块： Bug反馈

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

iOS机型正常:

安卓机型绘制如下:

代码片段

1 个回答

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

请登录后发表内容