SVG: Stroke相关属性
Stroke
svg 提供一些属性来控制绘制描边的方式
- stroke
- stroke-width
- stroke-linecap
- stroke-dasharray
stroke
stroke：表示描边颜色
stroke-width
stroke-width：表示描边的粗细
stroke-linecap
stroke-linecap：控制边框终点的形状
属性有三个值
- butt：直边结束线段
- square：会稍微超出实际路径的范围，超出的大小由stroke-width控制
- round：边框的终点是圆角，圆角的半径也是由stroke-width控制的
stroke-linejoin
stroke-linejoin：描边转角的表现方式
- miter：默认值，表示用方形画笔在连接处形成尖角
- round：用圆角连接，实现平滑效果
- bevel：连接处会形成一个斜接
stroke-dasharray
stroke-dasharray：表示虚线描边
- 属性是一组用逗号分割的数字组成的数列
stroke-dashoffset
stroke-dashoffset：表示虚线的起始偏移
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！