# 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 | 文本水平对齐 | start 、middle 、end |
font-size | 字体大小 | 控制文本大小 |
font-family | 字体 | 控制文字字体 |
stroke-dashoffset | 描边偏移 | stroke-dashoffset用于调整虚线模式的起始偏移量。增大stroke-dashoffset,让虚线模式向路径起点移动,视觉上像线条被“擦除”。 |
← 渐变 裁剪 clip-path →