update zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md.

Signed-off-by: Nluoying_ace <luoying19@huawei.com>

zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-rect.md

@@ -58,19 +58,30 @@ Rect(value?: {width?: string | number,height?: string | number,radius?: string |
 @Component
 struct RectExample {
   build() {
-    Column({ space: 5 }) {
-      Text('normal').fontSize(9).fontColor(0xCCCCCC).width('90%')
-      // 绘制90% * 50矩形
+    Column({ space: 10 }) {
+      Text('normal').fontSize(11).fontColor(0xCCCCCC).width('90%')
+      // 绘制90% * 50的矩形
       Rect({ width: '90%', height: 50 })
-      // 绘制90% * 50矩形
-      Rect().width('90%').height(50)
-
-      Text('with rounded corners').fontSize(9).fontColor(0xCCCCCC).width('90%')
-      // 绘制90% * 50矩形, 圆角宽高20
-      Rect({ width: '90%', height: 50 }).radiusHeight(20).radiusWidth(20)
-      // 绘制90% * 50矩形, 圆角宽高20
-      Rect({ width: '90%', height: 50 }).radius(20)
-    }.width('100%').margin({ top: 5 })
+        .fill(Color.Pink)
+      // 绘制90% * 50的矩形框
+      Rect()
+        .width('90%')
+        .height(50)
+        .fillOpacity(0)
+        .stroke(Color.Red)
+        .strokeWidth(3)
+
+      Text('with rounded corners').fontSize(11).fontColor(0xCCCCCC).width('90%')
+      // 绘制90% * 80的矩形, 圆角宽高分别为40、20
+      Rect({ width: '90%', height: 80 })
+        .radiusHeight(20)
+        .radiusWidth(40)
+        .fill(Color.Pink)
+      // 绘制90% * 80的矩形, 圆角宽高为20
+      Rect({ width: '90%', height: 80 })
+        .radius(20)
+        .fill(Color.Pink)
+    }.width('100%').margin({ top: 10 })
   }
 }
 ```