🖋️ SVG 代码在线编辑预览SVG Live Editor
边写 SVG 代码边看效果：实时预览、显示尺寸和 viewBox、切换棋盘格/深色背景和缩放，可格式化或压缩代码，导出 SVG 文件或指定倍率的 PNG 图片。Write SVG code and see it render live: preview with size and viewBox info, checkerboard or dark backgrounds and zoom, format or minify the code, and export an SVG file or PNG at any scale.
使用说明与常见问题How-to & FAQ
「SVG 代码在线编辑预览」是什么？What is the SVG Live Editor tool?
边写 SVG 代码边看效果：实时预览、显示尺寸和 viewBox、切换棋盘格/深色背景和缩放，可格式化或压缩代码，导出 SVG 文件或指定倍率的 PNG 图片。Write SVG code and see it render live: preview with size and viewBox info, checkerboard or dark backgrounds and zoom, format or minify the code, and export an SVG file or PNG at any scale.
如何使用「SVG 代码在线编辑预览」？How do I use the SVG Live Editor?
在左侧编辑框粘贴或编写 SVG 代码，右侧即时显示效果；语法错误会提示出错位置。预览在隔离的沙箱中渲染，SVG 中的脚本不会执行。需要图片时选择倍率后下载 PNG。Paste or write SVG code on the left and the preview updates instantly; syntax errors show where they are. The preview renders in an isolated sandbox, so scripts in the SVG never run. Choose a scale and download a PNG when you need an image.
预览里的脚本会执行吗？Do scripts in the SVG run?
不会。预览放在没有任何权限的沙箱 iframe 中，并以图片方式渲染，SVG 里的 <script>、事件属性和外部链接都不会执行或加载，可以放心查看来源不明的 SVG。No. The preview is an unprivileged sandboxed iframe that renders the SVG as an image, so <script>, event attributes and external links never run or load — safe for SVGs of unknown origin.
导出 PNG 时文字字体变了？Fonts change when exporting PNG?
SVG 作为图片渲染时只能使用系统已安装的字体，不能加载网页字体。需要固定字体时，可以在设计软件中把文字转成路径（轮廓）后再导出 SVG。When rendered as an image an SVG can only use installed system fonts, not web fonts. To lock the look, convert text to paths (outlines) in your design tool before exporting.
「SVG 代码在线编辑预览」免费吗？数据会上传吗？Is the SVG Live Editor free? Is my data uploaded?
「SVG 代码在线编辑预览」完全免费，无需注册或安装，手机和电脑都能用；所有处理都在你的浏览器本地完成，输入的内容和文件不会上传到服务器。The SVG Live Editor is completely free with no sign-up or install and works on phones and desktops; everything runs locally in your browser and nothing you enter is uploaded.