⬜
<rect> 矩形
x/y定义左上角坐标，width/height定义宽高，rx/ry定义圆角半径
<rect x="10" y="10" width="80" height="60" rx="8" fill="#3b82f6"/>
⭕
<circle> 圆形
cx/cy为圆心坐标，r为半径。配合fill/stroke设置填充和描边
<circle cx="50" cy="50" r="40" fill="none" stroke="#3b82f6" stroke-width="3"/>
📐
<path> 路径
d属性定义路径指令：M移至/L画线/C贝塞尔/Q二次贝塞尔/A弧线/Z闭合
<path d="M10 80 C40 10,65 10,95 80 S150 150,180 80" fill="none" stroke="#3b82f6" stroke-width="4"/>
🎨
<linearGradient> 渐变
定义在<defs>中，通过id引用。支持linear/radial两种渐变类型
<linearGradient id="g1"><stop offset="0%" stop-color="#3b82f6"/><stop offset="100%" stop-color="#8b5cf6"/></linearGradient>
🔤
<text> 文字
x/y定位文字基线，font-size字号，font-family字体，text-anchor对齐方式
<text x="50" y="50" font-size="24" font-weight="bold" fill="#1e293b" text-anchor="middle">Hello SVG</text>
🔄
<g transform> 变换
translate平移/rotate旋转/scale缩放/skewX倾斜，可组合使用空格分隔
<g transform="translate(50,50) rotate(45) scale(1.5)">...</g>