SVG 在线预览工具
实时编辑和预览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="80" fill="#3b82f6" stroke="#1e40af" strokeWidth="4"/> <rect x="70" y="70" width="60" height="60" fill="#ffffff" rx="8"/> <text x="100" y="105" textAnchor="middle" fill="#3b82f6" fontFamily="Arial" fontSize="16" fontWeight="bold">SVG</text> </svg>
复制代码
下载SVG
重置
实时预览
SVG
示例模板
加载 圆形图标
加载 星形
加载 渐变矩形
使用说明
功能特性
• 实时SVG代码预览
• 语法错误检测
• 一键复制代码
• 下载SVG文件
• 示例模板快速开始
使用技巧
• 确保SVG标签正确闭合
• 使用viewBox属性控制缩放
• 可以使用CSS样式美化图形
• 支持渐变、动画等高级特性
• 建议设置合适的width和height