SVG生成器
在线SVG图形代码生成器,支持圆形、矩形、直线、多边形
SVG 预览
300 x 200
生成的 SVG 代码
0 字符
形状类型circle
画布尺寸300x200
描边宽度2px
代码长度0 字符
SVG 图形生成器说明
SVG(Scalable Vector Graphics,可缩放矢量图形)是一种基于 XML 的矢量图像格式,可在任意分辨率下保持清晰,广泛用于网页图标、图表和动画。
圆形(circle):通过 cx、cy 设置圆心坐标,r 设置半径。适用于图标、标记点等场景。
矩形(rect):通过 x、y 设置左上角坐标,width、height 设置宽高。适用于按钮、卡片背景等。
直线(line):通过 x1、y1 设置起点,x2、y2 设置终点。适用于分隔线、连接线等。
多边形(polygon):自动生成指定边数的正多边形,通过 cx、cy 设置中心,r 设置外接圆半径,sides 设置边数(3-12)。
样式控制:可设置填充颜色(fill)、描边颜色(stroke)、描边宽度(stroke-width)和不透明度(opacity),实时预览效果并生成完整的 SVG 代码。