ToolkitLife
博客
全部工具 →
English
中文
日本語
한국어
Русский
▼
首页
/
图片
/
SVG 预览
SVG 预览
☆
粘贴任意 SVG 代码并预览渲染效果,实时编辑并下载为 .svg 文件。
SVG 代码
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 200 200"> <rect x="10" y="10" width="180" height="180" rx="20" fill="#4f46e5"/> <circle cx="100" cy="100" r="60" fill="#ffffff" opacity="0.9"/> <text x="100" y="112" text-anchor="middle" font-size="32" font-family="sans-serif" fill="#4f46e5">SVG</text> </svg>
下载 SVG
常见问题
我的 SVG 代码会上传到服务器吗?
+
不会,所有处理都在浏览器本地完成,代码不会离开你的设备。
支持哪些 SVG 特性?
+
浏览器原生支持的所有特性,包括渐变、滤镜、路径和文字。
相关工具
SVG 转图片
SVG 路径预览
彩色文字图片