diff --git a/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_0000001219982725.png b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_0000001219982725.png new file mode 100644 index 0000000000000000000000000000000000000000..310eae1cbaec0f37b61787a9cfa6ddf032c887d4 Binary files /dev/null and b/zh-cn/application-dev/reference/arkui-ts/figures/zh-cn_image2_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 db34c973330b229bf153399f14343550bed4247b..245d31eae9f9867063f369e22a407a031dd43a6d 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 @@ -137,3 +137,48 @@ struct LineExample1 { ``` ![zh-cn_image1_0000001219982725](figures/zh-cn_image1_0000001219982725.png) + +### 示例3 + +```ts +// xxx.ets +@Entry +@Component +struct LineExample { + build() { + Column() { + Line() + .startPoint([50, 30]) + .endPoint([300, 30]) + .strokeWidth(10) + // 设置strokeDashArray的数组间隔为 50 + Line() + .startPoint([50, 20]) + .endPoint([300, 20]) + .strokeWidth(10) + .strokeDashArray([50]) + // 设置strokeDashArray的数组间隔为 50, 10 + Line() + .startPoint([50, 20]) + .endPoint([300, 20]) + .strokeWidth(10) + .strokeDashArray([50, 10]) + // 设置strokeDashArray的数组间隔为 50, 10, 20 + Line() + .startPoint([50, 20]) + .endPoint([300, 20]) + .strokeWidth(10) + .strokeDashArray([50, 10, 20]) + // 设置strokeDashArray的数组间隔为 50, 10, 20, 30 + Line() + .startPoint([50, 20]) + .endPoint([300, 20]) + .strokeWidth(10) + .strokeDashArray([50, 10, 20, 30]) + + } + } +} +``` + +![zh-cn_image2_0000001219982725](figures/zh-cn_image2_0000001219982725.PNG) \ No newline at end of file