diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image1_0000001184628104.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image1_0000001184628104.png new file mode 100644 index 0000000000000000000000000000000000000000..5986356fa4f5c8e40057ce4e6e1e16307b228b62 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image1_0000001184628104.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_0000001184628104.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_0000001184628104.png new file mode 100644 index 0000000000000000000000000000000000000000..b1adc0e02a67216e458df85cb263353c577e0a33 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_0000001184628104.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104394.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104394.png index b85ac72fcec0f4b2eb752307d4abe05ef4795ef2..3d9d5916e4dd08a6190848d402dcd1b6540ec613 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104394.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174104394.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png index ad2c71e4bcc008c0d286a05b2e969103aa06236d..2ff75f958a860f1ed483d799e2ef6431fbce5a74 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174264386.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.gif deleted file mode 100644 index 78e7436bf654889a3a04e9d2e5dd53f5fb562906..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.png new file mode 100644 index 0000000000000000000000000000000000000000..837f6723b62e7402ba6e240372bd3de88e2ff0f6 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001174582856.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184628104.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184628104.png index e766d36181c3d1fbd96bb0acab1b3eb670e14cd4..ef4a4905fb4c0c1a6559bb622c523282ef01ee27 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184628104.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001184628104.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.gif b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.gif deleted file mode 100644 index 49167ceae5eb50a96334c73496ed534d25bbecf4..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.gif and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.png new file mode 100644 index 0000000000000000000000000000000000000000..0e103f4f2200e361cc966b8bed337c8a73380cfd Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744185.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744191.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744191.png index d34ba19a667f40c8dc3b4e668095bda1bd4868aa..c2aeef3f178867e832601aae0b723ae1ddf3db49 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744191.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744191.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744193.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744193.png index b7c6998d7f55a75562fbf709aa84b4bd12922ae6..5855095851b92058f270d69a46546db43ec974b8 100644 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744193.png and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219744193.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.jpg b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.jpg deleted file mode 100644 index 51c86ceb26151f6aeb719ad5db5ee5c88218361b..0000000000000000000000000000000000000000 Binary files a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.jpg and /dev/null differ diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.png new file mode 100644 index 0000000000000000000000000000000000000000..8e1eb1e09de7fe545f80f7a0601f63843369375a Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image_0000001219982725.png differ diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md index 402ee63e599f2651bae58fa4a8db249117026a3c..b9059c4c36e6fb7f1642633b3402fb3a5f7b178a 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-line.md @@ -24,17 +24,17 @@ Line(value?: {width?: string | number, height?: string | number}) **参数：** -| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | +| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | -| width | string \| number | 否 | 0 | 宽度。 | -| height | string \| number | 否 | 0 | 高度。 | +| width | string \| number | 否 | 0 | 宽度。 | +| height | string \| number | 否 | 0 | 高度。 | ## 属性 除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性： -| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | +| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | | startPoint | Array<Length> | [0, 0] | 否 | 直线起点坐标点(相对坐标)，单位vp。 | | endPoint | Array<Length> | [0, 0] | 否 | 直线终点坐标点(相对坐标)，单位vp。 | @@ -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) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md index a19263b9c725dc2891057eef3a5fc6f6e1072390..cb1f6803ae97b70c086b64d4fba4498a9ebaf576 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polygon.md @@ -18,17 +18,17 @@ Polygon(value?: {width?: string | number, height?: string | number}) **参数：** -| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | +| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | -| width | string \| number | 否 | 0 | 宽度。 | -| height | string \| number | 否 | 0 | 高度。 | +| width | string \| number | 否 | 0 | 宽度。 | +| height | string \| number | 否 | 0 | 高度。 | ## 属性 除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性： -| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | +| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | | points | Array<Point> | [] | 否 | 多边形的顶点坐标列表。 | | fill | [ResourceColor](ts-types.md) | Color.Black | 否 | 设置填充区域颜色。 | @@ -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) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md index 0c0c496424bb46a68ba6b304ee6928a37e3d6f0f..dd862ca6184c0d4684a4f3c0677380ec79e8b4f9 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-polyline.md @@ -18,19 +18,19 @@ Polyline(value?: {width?: string | number, height?: string | number}) **参数：** -| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | +| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | -| width | string \| number | 否 | 0 | 宽度。 | -| height | string \| number | 否 | 0 | 高度。 | +| width | string \| number | 否 | 0 | 宽度。 | +| height | string \| number | 否 | 0 | 高度。 | ## 属性 除支持[通用属性](ts-universal-attributes-size.md)外，还支持以下属性： -| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | +| 参数名称 | 参数类型 | 默认值 | 必填 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | -| points | Array<Point> | [] | 否 | 折线经过坐标点列表。 | +| points | Array<Point> | [] | 否 | 折线经过坐标点列表。 | | fill | [ResourceColor](ts-types.md) | Color.Black | 否 | 设置填充区域颜色。 | | fillOpacity | number \| string \| [Resource](ts-types.md#resource类型) | 1 | 否 | 设置填充区域透明度。 | | stroke | [ResourceColor](ts-types.md) | Color.Black | 否 | 设置线条颜色。 | @@ -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) diff --git a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md index 2e8274988c83aad1a3f964e4c78886336811f01b..ac8e3eb10f828f85a6fd8fdfa364fee75a9ca1a2 100644 --- a/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md +++ b/zh-cn/application-dev/reference/arkui-ts/ts-drawing-components-shape.md @@ -23,9 +23,9 @@ Shape(value?: PixelMap) **参数：** -| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | +| 参数名 | 参数类型 | 必填 | 默认值 | 参数描述 | | -------- | -------- | -------- | -------- | -------- | -| value | PixelMap | 否 | - | 绘制目标，可将图形绘制在指定的PixelMap对象中，若未设置，则在当前绘制目标中进行绘制。 | +| value | PixelMap | 否 | - | 绘制目标，可将图形绘制在指定的PixelMap对象中，若未设置，则在当前绘制目标中进行绘制。 | ## 属性 @@ -48,7 +48,9 @@ Shape(value?: PixelMap) | antiAlias | boolean | true | 否 | 是否开启抗锯齿效果。 | | mesh8+ | Array<number>,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