SVG 边框（stroke）

属性介绍

stroke 边框（轮廓）颜色

stroke-width 边框（轮廓）厚度

stroke-linecap 开放路径的终结样式（或称为画笔线帽）

butt 无线帽

round 圆形的线帽

square 方形的线帽

stroke-dasharray 定义一实线虚线长度数组，不断重复该样式

stroke

stroke指的是边框（轮廓）的颜色

1

2

3

4

5

stroke-width

边框（轮廓）厚度指的是，在fill区域边界处的径向宽度，即边界处向外stroke-width/2和边界处向内stroke-width/2的区域是线宽。

1

2

3

4

5

6

7

8

9

stroke-linecap

stroke-linecap指的是线帽，即开放路径的终结样式，共3种：butt、round、square

MDN开发文档 https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-linecap

the stroke-linecap attribute specifies the shape to be used at the end of open subpaths when they are stroked.

As a presentation attribute, it also can be used as a property directly inside a CSS stylesheet

1

2

3

4

5

6

7

stroke-dasharray

stroke-dasharray定义了一个实线、虚线数组的长度数组，然后不断的重复该样式。

1

2

3

4

5

6

7

SVG 数据结构

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。