前端html使用svg实现弧线和圆点样式

        2021年    2022年    2023年    2024年    2025年 

path 标签是线条标签

M100 350 // 起点 (100， 350)  第一个值是x轴，第二个值是y轴

C 400 360, 800 400, 1100 50 // 控制点1(400 360)，控制点2(800 400)，终点(1100 50) 

circle 标签是圆标签

 cx=\"350\" cy=\"357\" r=\"7\" stroke=\"#ffffff50\" stroke-width=\"8\" fill=\"none\"

x轴线350 y轴线357 半径7 外圈颜色 外圈宽度8 中间颜色

文字

2025年 

viewBox=\"min-x min-y width height\"

• min-x 和 min-y：决定了视窗左上角在 SVG 坐标系中的起始点。
• width 和 height：定义了视窗的宽度和高度，即你要显示的 SVG 内容区域的大小。