# SVG图标

# 常见属性

属性 作用 解释
width SVG 宽度 设置画布宽度,可用 px 或 %
height SVG 高度 设置画布高度
fill 填充颜色 图形内部颜色,none 表示透明
stroke 描边颜色 图形轮廓颜色
stroke-width 描边宽度 控制描边粗细
opacity 不透明度 0~1,整体透明度
fill-opacity 填充透明度 控制填充的透明度
stroke-opacity 描边透明度 控制描边的透明度
transform 变换 平移、旋转、缩放,例如 rotate(45)
points 多边形顶点 <polygon> / <polyline> 顶点坐标列表
text-anchor 文本水平对齐 startmiddleend
font-size 字体大小 控制文本大小
font-family 字体 控制文字字体
stroke-dashoffset 描边偏移 stroke-dashoffset用于调整虚线模式的起始偏移量。增大stroke-dashoffset,让虚线模式向路径起点移动,视觉上像线条被“擦除”。