!10242 绘制组件示例图挑单到3.2beta3

Merge pull request !10242 from 田雨/cherry-pick-1664502415

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

@@ -86,4 +86,4 @@ struct LineExample {
 }
 ```
 
-![zh-cn_image_0000001219982725](figures/zh-cn_image_0000001219982725.jpg)
+![zh-cn_image_0000001219982725](figures/zh-cn_image_0000001219982725.png)

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

@@ -81,4 +81,4 @@ struct PolygonExample {
 }
 ```
 
-![zh-cn_image_0000001174582856](figures/zh-cn_image_0000001174582856.gif)
+![zh-cn_image_0000001174582856](figures/zh-cn_image_0000001174582856.png)

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

@@ -83,4 +83,4 @@ struct PolylineExample {
 }
 ```
 
-![zh-cn_image_0000001219744185](figures/zh-cn_image_0000001219744185.gif)
+![zh-cn_image_0000001219744185](figures/zh-cn_image_0000001219744185.png)

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

@@ -48,7 +48,9 @@ Shape(value?: PixelMap)
 | antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 |
 | mesh<sup>8+</sup> | Array&lt;number&gt;,number,number | [],0,0 | 否 | 设置mesh效果。第一个参数为长度（column + 1）* （row + 1）* 2的数组，它记录了扭曲后的位图各个顶点位置，第二个参数为mesh矩阵列数column，第三个参数为mesh矩阵行数row。 |
 
-## 示例1
+## 示例
+
+### 示例1
 
 ```ts
 // xxx.ets
@@ -142,8 +144,9 @@ struct ShapeExample {
 }
 ```
 
+![zh-cn_image_0000001184628104](figures/zh-cn_image_0000001184628104.png)
 
-## 示例2
+### 示例2
 
 ```ts
 // xxx.ets
@@ -222,3 +225,11 @@ struct ShapeMeshExample {
   }
 }
 ```
+
+示意图：
+
+![zh-cn_image1_0000001184628104](figures/zh-cn_image1_0000001184628104.png)
+
+手指触摸Shape组件时会显示mesh扭曲效果：
+
+![zh-cn_image2_0000001184628104](figures/zh-cn_image2_0000001184628104.png)
\ No newline at end of file