千流工具
首页
工具列表
关于
首页
/
工具列表
/
SVG 预览编辑
SVG 预览编辑器
实时预览和编辑 SVG 代码
使用说明
• 在左侧编辑器中输入或粘贴 SVG 代码
• 右侧实时预览 SVG 效果
• 可以调整缩放比例和预览背景
• 支持下载 SVG 和 PNG 格式
• 提供格式化和压缩功能
• 可选择预设 SVG 快速开始
预设图形
圆形
矩形
星形
心形
SVG 代码
格式化
压缩
复制
<svg width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"> <!-- 背景圆形 --> <circle cx="100" cy="100" r="90" fill="#3B82F6" /> <!-- 装饰圆环 --> <circle cx="100" cy="100" r="75" fill="none" stroke="white" stroke-width="2" opacity="0.3" /> <circle cx="100" cy="100" r="60" fill="none" stroke="white" stroke-width="2" opacity="0.5" /> <!-- 中心图标 --> <rect x="75" y="75" width="50" height="50" rx="8" fill="white" /> <!-- 文字 --> <text x="100" y="140" font-family="Arial, sans-serif" font-size="16" text-anchor="middle" fill="white">SVG</text> </svg>
实时预览
缩放
100%
25%
100%
300%
SVG
下载 SVG 文件
下载 PNG 文件
代码行数：
14
代码大小：
616 bytes
压缩后大小：
585 bytes