From 31c3442292a305ed630feb22b42a8fde644c7345 Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Fri, 23 Aug 2024 15:08:28 +0800
Subject: [PATCH 1/6] [zh-cn]: update the translation of the SVG attribute
 `stroke-dasharray`

---
 .../svg/attribute/stroke-dasharray/index.md   | 113 +++++++++++-------
 1 file changed, 69 insertions(+), 44 deletions(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 090d4d25a3f9fb..0648149f91f64f 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -5,68 +5,93 @@ slug: Web/SVG/Attribute/stroke-dasharray
 
 {{SVGRef}}
 
-属性 `stroke-dasharray` 可控制用来描边的点划线的图案范式。
+**`stroke-dasharray`** 是一个表现属性，它定义了虚线段和间隙的长度。
 
-作为一个外观属性，它也可以直接用作一个 CSS 样式表内部的属性。
+> [!NOTE]
+> 作为一个表现属性，`stroke-dasharray` 可以用作 CSS 属性。
 
-## 用法
-
-| 类别   | 外观属性                            |
-| ------ | ----------------------------------- |
-| 值     | **none** \| \<dasharray> \| inherit |
-| 可变性 | Yes                                 |
+你可以将此属性与以下 SVG 元素一起使用：
 
-- \<dasharray>
-  - : 它是一个[\<length>](/zh-CN/SVG/Content_type#Length)和[\<percentage>](/zh-CN/SVG/Content_type#Percentage)数列，数与数之间用逗号或者空白隔开，指定短划线和缺口的长度。如果提供了奇数个值，则这个值的数列重复一次，从而变成偶数个值。因此，**5,3,2**等同于**5,3,2,5,3,2**。
+- {{SVGElement('circle')}}
+- {{SVGElement('ellipse')}}
+- {{SVGElement('path')}}
+- {{SVGElement('line')}}
+- {{SVGElement('polygon')}}
+- {{SVGElement('polyline')}}
+- {{SVGElement('rect')}}
+- {{SVGElement('text')}}
+- {{SVGElement('textPath')}}
+- {{SVGElement('tref')}}
+- {{SVGElement('tspan')}}
 
 ## 示例
 
-```html
-<?xml version="1.0"?>
-<svg
-  width="200"
-  height="200"
-  viewPort="0 0 200 300"
-  version="1.1"
-  xmlns="http://www.w3.org/2000/svg">
-  <line stroke-dasharray="5, 5" x1="10" y1="10" x2="190" y2="10" />
-  <line stroke-dasharray="5, 10" x1="10" y1="30" x2="190" y2="30" />
-  <line stroke-dasharray="10, 5" x1="10" y1="50" x2="190" y2="50" />
-  <line stroke-dasharray="5, 1" x1="10" y1="70" x2="190" y2="70" />
-  <line stroke-dasharray="1, 5" x1="10" y1="90" x2="190" y2="90" />
-  <line stroke-dasharray="0.9" x1="10" y1="110" x2="190" y2="110" />
-  <line stroke-dasharray="15, 10, 5" x1="10" y1="130" x2="190" y2="130" />
-  <line stroke-dasharray="15, 10, 5, 10" x1="10" y1="150" x2="190" y2="150" />
-  <line
-    stroke-dasharray="15, 10, 5, 10, 15"
-    x1="10"
-    y1="170"
-    x2="190"
-    y2="170" />
-  <line stroke-dasharray="5, 5, 1, 5" x1="10" y1="190" x2="190" y2="190" />
+```css hidden
+html,
+body,
+svg {
+  height: 100%;
+}
+```
 
+```html
+<svg viewBox="0 0 30 12" xmlns="http://www.w3.org/2000/svg">
   <style>
-    <![CDATA[
-    line{
-        stroke: black;
-        stroke-width: 2;
+    line {
+      stroke: black;
     }
-    ]]>
   </style>
+  <!-- 没有虚线和间隙 -->
+  <line x1="0" y1="1" x2="30" y2="1" />
+
+  <!-- 虚线段和间隙相同长度 -->
+  <line x1="0" y1="3" x2="30" y2="3" stroke-dasharray="4" />
+
+  <!-- 虚线段和间隙不同长度 -->
+  <line x1="0" y1="5" x2="30" y2="5" stroke-dasharray="4 1" />
+
+  <!-- 具有奇数个各种长度的虚线段和间隙 -->
+  <line x1="0" y1="7" x2="30" y2="7" stroke-dasharray="4 1 2" />
+
+  <!-- 具有偶数个各种长度的虚线段和间隙 -->
+  <line x1="0" y1="9" x2="30" y2="9" stroke-dasharray="4 1 2 3" />
+
+  <!-- 以间隙开始的虚线 -->
+  <line x1="0" y1="11" x2="30" y2="11" stroke-dasharray="0 4 0" />
 </svg>
 ```
 
-### 示例输出
+{{EmbedLiveSample("示例", '100%', 150)}}
+
+## 用法
 
-{{ EmbedLiveSample('示例','220','220') }}
+<table class="properties">
+  <tbody>
+    <tr>
+      <th scope="row">值</th>
+      <td><code>none</code> | <code>&#x3C;dasharray></code></td>
+    </tr>
+    <tr>
+      <th scope="row">默认值</th>
+      <td><code>none</code></td>
+    </tr>
+    <tr>
+      <th scope="row">可动画化</th>
+      <td>是</td>
+    </tr>
+  </tbody>
+</table>
 
-## 元素
+- \<dasharray>
 
-下列元素可以使用 `stroke-dasharray` 属性：
+  - : 以逗号或空格分隔的 [`<length>`](/zh-CN/docs/Web/SVG/Content_type#长度) 和 [`<percentage>`](/zh-CN/docs/Web/SVG/Content_type#百分数) 列表，用于定义交替的虚线段和间隙的长度。
 
-- [形状元素](/zh-CN/SVG/Element#Shape_elements) »
-- [文本内容元素](/zh-CN/SVG/Element#Text_content_elements) »
+    如果提供了奇数个值，则重复该列表以产生偶数个值，因此 `5,3,2` 等价于 `5,3,2,5,3,2`。
 
 ## 规范
 
 {{Specifications}}
+
+## 浏览器兼容性
+
+{{Compat}}

From 6f018834ce79e786f7fce3eb19360dab87069644 Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Sat, 24 Aug 2024 11:55:59 +0800
Subject: [PATCH 2/6] Update
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 0648149f91f64f..6c5f12d41ca98e 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -44,10 +44,10 @@ svg {
   <!-- 没有虚线和间隙 -->
   <line x1="0" y1="1" x2="30" y2="1" />
 
-  <!-- 虚线段和间隙相同长度 -->
+  <!-- 虚线段和间隙长度相同 -->
   <line x1="0" y1="3" x2="30" y2="3" stroke-dasharray="4" />
 
-  <!-- 虚线段和间隙不同长度 -->
+  <!-- 虚线段和间隙长度不同 -->
   <line x1="0" y1="5" x2="30" y2="5" stroke-dasharray="4 1" />
 
   <!-- 具有奇数个各种长度的虚线段和间隙 -->

From 3b27a73960364c9069f322ddb28f7faeeca394de Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Sat, 24 Aug 2024 11:56:19 +0800
Subject: [PATCH 3/6] Update
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 6c5f12d41ca98e..16b1533c925172 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -50,10 +50,10 @@ svg {
   <!-- 虚线段和间隙长度不同 -->
   <line x1="0" y1="5" x2="30" y2="5" stroke-dasharray="4 1" />
 
-  <!-- 具有奇数个各种长度的虚线段和间隙 -->
+  <!-- 具有奇数个不同长度的虚线段和间隙 -->
   <line x1="0" y1="7" x2="30" y2="7" stroke-dasharray="4 1 2" />
 
-  <!-- 具有偶数个各种长度的虚线段和间隙 -->
+  <!-- 具有偶数个不同长度的虚线段和间隙 -->
   <line x1="0" y1="9" x2="30" y2="9" stroke-dasharray="4 1 2 3" />
 
   <!-- 以间隙开始的虚线 -->

From ed0799a8c221311e2d3c96b2adbb94bb916c47d0 Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Sat, 24 Aug 2024 11:57:06 +0800
Subject: [PATCH 4/6] Update
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 16b1533c925172..711e39c2152175 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -63,7 +63,7 @@ svg {
 
 {{EmbedLiveSample("示例", '100%', 150)}}
 
-## 用法
+## 使用说明
 
 <table class="properties">
   <tbody>

From f0e4d8ba8068a54253eaf773e717ef50675d4516 Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Sat, 24 Aug 2024 12:00:09 +0800
Subject: [PATCH 5/6] Update index.md

---
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 711e39c2152175..24b16fca7de9d5 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -76,7 +76,7 @@ svg {
       <td><code>none</code></td>
     </tr>
     <tr>
-      <th scope="row">可动画化</th>
+      <th scope="row">动画性</th>
       <td>是</td>
     </tr>
   </tbody>

From 9ba8aab880652b9f1ed8078f07564a240a85c4cf Mon Sep 17 00:00:00 2001
From: Gahotx <53534938+Gahotx@users.noreply.github.com>
Date: Sat, 24 Aug 2024 15:23:53 +0800
Subject: [PATCH 6/6] Update
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md

Co-authored-by: A1lo <yin199909@aliyun.com>
---
 files/zh-cn/web/svg/attribute/stroke-dasharray/index.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
index 24b16fca7de9d5..b3eabaaee9eadb 100644
--- a/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
+++ b/files/zh-cn/web/svg/attribute/stroke-dasharray/index.md
@@ -5,7 +5,7 @@ slug: Web/SVG/Attribute/stroke-dasharray
 
 {{SVGRef}}
 
-**`stroke-dasharray`** 是一个表现属性，它定义了虚线段和间隙的长度。
+**`stroke-dasharray`** 表现属性定义了用于绘制形状轮廓的虚线段和间隙的排列形式。
 
 > [!NOTE]
 > 作为一个表现属性，`stroke-dasharray` 可以用作 CSS 属性。