laya canvas绘制圆角矩形

var rect = {"x":0,"y":0,"width":150,"height":150}
  
        this.drawRoundedRect(rect, 25, cxt);

 

drawRoundedRect(rect, r, ctx) {

    ctx.strokeStyle = "#86CC37";
    ctx.fillStyle = "#86CC37";
    var ptA = {"x":rect.x + r,"y":rect.y}
    var ptB = {"x":rect.x + rect.width + r,"y":rect.y}
    var ptC = {"x":rect.x + rect.width + r,"y":rect.y + rect.height}
    var ptD = {"x":rect.x,"y":rect.y + rect.height}
    var ptE = {"x":rect.x,"y":rect.y}
    
    ctx.beginPath();
    
    ctx.moveTo(ptA.x, ptA.y);
    ctx.arcTo(ptB.x, ptB.y, ptC.x, ptC.y, r);
    ctx.arcTo(ptC.x, ptC.y, ptD.x, ptD.y, r);
    ctx.arcTo(ptD.x, ptD.y, ptE.x, ptE.y, r);
    ctx.arcTo(ptE.x, ptE.y, ptA.x, ptA.y, r);
    ctx.fill(); 
    ctx.stroke();
    }