SVG 渲染器是一款纯前端的在线 SVG 预览工具。它支持粘贴 SVG 代码或从 URL 加载 SVG 文件,右侧实时渲染预览,全部处理都在浏览器内完成,无需上传、无需后端。
- 双模式输入:支持直接粘贴 SVG 代码,或输入 URL 从网络加载 SVG 文件。
- 实时预览:左侧编辑或粘贴代码,右侧即时渲染 SVG 图形,所见即所得。
- 安全沙箱渲染:使用 DOMPurify 对 SVG 进行安全过滤,并在沙箱 iframe 中渲染,防范 XSS 和恶意脚本。
- 智能宽高比:自动解析 SVG 的
viewBox或width/height属性,保持正确的图形比例。 - URL 分享:通过 URL hash 加载的 SVG 地址可直接分享,他人打开即可查看同一图形。
- 响应式布局:桌面端左右分屏,移动端自动切换为上下堆叠,适配各种设备。
- 内置示例:首次打开自动加载示例 SVG,快速体验渲染效果。
- 打开 SVG 渲染器。
- 点击 粘贴 标签,将 SVG 代码粘贴到左侧编辑区。
- 或点击 URL 标签,输入 SVG 文件地址后点击 加载。
- 右侧预览区即时显示渲染结果。
SVG 渲染器为纯静态 HTML 页面,兼容所有现代浏览器。建议使用 Chrome、Edge、Safari 或 Firefox 最新版本。
HTML + CSS + JavaScript DOMPurify(SVG 安全过滤) 无后端、无依赖、纯