SVG 边框stroke

网友投稿 1066 2022-05-30

属性介绍

stroke 边框(轮廓)颜色

stroke-width 边框(轮廓)厚度

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

butt 无线帽

round 圆形的线帽

square 方形的线帽

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

stroke

stroke指的是边框(轮廓)的颜色

1

2

SVG 边框(stroke)

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小时内删除侵权内容。

上一篇:Unity Resources的几个方法
下一篇:Flutter 压缩图像的最佳方式
相关文章