Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

docs(cn): utilities/svg translation #51

Merged
merged 3 commits into from
Jun 29, 2021
Merged

docs(cn): utilities/svg translation #51

Changes from 1 commit
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
1207b77
docs(cn): utilities/svg translation
HerbertHe Jun 22, 2021
a5dea1f
Update utilities/svg.md
HerbertHe Jun 29, 2021
fc156ac
docs(cn): update svg translation
HerbertHe Jun 29, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions utilities/svg.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
# SVG
# SVG {#svg}

## Fill Color
## 填充颜色 {#fill-color}

Utilities for styling the fill of SVG elements.
设置 SVG 元素填充样式的工具类。
HerbertHe marked this conversation as resolved.
Show resolved Hide resolved

<PlaygroundWithVariants
variant='current'
Expand Down Expand Up @@ -30,9 +30,9 @@ export default {

</Customizing>

## Stroke Color
## Stroke Color {#stroke-color}

Utilities for styling the stroke of SVG elements.
设置 SVG 元素画笔样式的工具类。

<PlaygroundWithVariants
variant='current'
Expand Down Expand Up @@ -61,9 +61,9 @@ export default {

</Customizing>

## Stroke DashArray
## Stroke DashArray {#stroke-dasharray}

The `stroke-dash` utility is a presentation utility defining the pattern of dashes and gaps used to paint the outline of the shape;
`stroke-dash` 是一个定义虚线和间距图形的图像工具类, 被用于轮廓描边;

<PlaygroundWithVariants
variant='2'
Expand All @@ -77,9 +77,9 @@ The `stroke-dash` utility is a presentation utility defining the pattern of dash
&lt;/svg&gt;'
/>

## Stroke DashOffset
## Stroke DashOffset {#stroke-dashoffset}

The `stroke-offset` utility is a presentation utility defining an offset on the rendering of the associated dash array.
`stroke-offset` 是一个定义渲染相关 dash array 偏移的图像工具类。

<PlaygroundWithVariants
variant='2'
Expand All @@ -93,9 +93,9 @@ The `stroke-offset` utility is a presentation utility defining an offset on the
&lt;/svg&gt;'
/>

## Stroke LineCap
## Stroke LineCap {#stroke-linecap}

The `stroke-cap` utility is a presentation utility defining the shape to be used at the end of open subpaths when they are stroked.
`stroke-cap` 是一个在开放子路径被设置描边的情况下, 定义开放自路径两端形状的图像工具类。

<PlaygroundWithVariants
variant='auto'
Expand All @@ -111,9 +111,9 @@ The `stroke-cap` utility is a presentation utility defining the shape to be used
&lt;/svg&gt;'
/>

## Stroke LineJoin
## Stroke LineJoin {#stroke-linejoin}

The `stroke-join` utility is a presentation utility defining the shape to be used at the corners of paths when they are stroked.
`stroke-join` 是一个在路径绘制被设置描边的情况下, 定义路径转角处形状的图像工具类。

<PlaygroundWithVariants
variant='auto'
Expand All @@ -129,9 +129,9 @@ The `stroke-join` utility is a presentation utility defining the shape to be use
&lt;/svg&gt;'
/>

## Stroke Width
## Stroke Width {#stroke-width}

Utilities for styling the stroke width of SVG elements.
设置 SVG 元素画笔宽度样式的工具类。

<PlaygroundWithVariants
variant='1'
Expand Down