如何绘制带圆角的矩形

Canvas(this.context)  
  .width('100%')  
  .height('100%')  
  .backgroundColor('#ffff00')  
  .onReady(() =>{  
    let x = 50;  
    let y = 50;  
    let w = 200;  
    let h = 100;  
    let r = 10;  
    this.context.fillStyle = '#0000ff';  
    this.context.beginPath();  
    this.context.moveTo(x + r, y);  
    this.context.arcTo(x + w, y, x + w, y + h, r);  
    this.context.arcTo(x + w, y + h, x, y + h, r);  
    this.context.arcTo(x, y + h, x, y, r);  
    this.context.arcTo(x, y, x + w, y, r);  
    this.context.closePath();  
    this.context.fill();  
  })
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.

Shape() {  
  Rect({ width: 200, height: 100, radius: 10 }).fill('#0000ff')  
}
1.
2.
3.