SVG
Shapes & Paths API Reference
SVG 形状与路径元素参考,用于在网页中绘制矢量图形。
By EZ4Code Team
SVG Elements
SVG 元素参考,涵盖矢量图形绘制与文本分组相关元素。
<svg>SVG 根容器元素,作为所有矢量图形的画布。
Returns: 渲染为可缩放的矢量画布,内部图形按 viewBox 坐标系绘制。
<rect>矩形元素,绘制矩形或圆角矩形。
Returns: 在画布上渲染一个矩形图形。
<circle>圆形元素,以圆心和半径绘制圆形。
Returns: 在画布上渲染一个圆形图形。
<ellipse>椭圆元素,以圆心和两个半径绘制椭圆。
Returns: 在画布上渲染一个椭圆图形。
<line>直线元素,绘制两点之间的直线段。
Returns: 在画布上渲染一条直线段。
<polyline>折线元素,按点序列绘制相连的开放直线段。
Returns: 在画布上渲染一条不闭合的折线。
<polygon>多边形元素,按点序列绘制闭合的填充形状。
Returns: 在画布上渲染一个闭合的填充多边形。
<path>路径元素,通过命令序列绘制任意形状。
Returns: 在画布上渲染由命令序列定义的复杂矢量形状。
<text>文本元素,在 SVG 中绘制矢量文字。
Returns: 在画布上渲染矢量文字。
<g>分组元素,将多个图形逻辑分组,并对组应用共享属性(如 transform)。
Returns: 渲染为透明容器,子元素继承组的属性与变换。