SVG 查看器:在线预览、缩放、导出 SVG/PNG
「SVG 查看器」是一款 SVG 预览工具,用于检查 SVG 标记在浏览器中的渲染效果。粘贴或拖放 SVG 内容,即可在完全沙盒化的 iframe 中显示,脚本会被剥离。放大或缩小查看,切换棋盘格背景检查透明度,然后下载 SVG 或通过画布导出 PNG。
「SVG 查看器」是一款在线 SVG 预览工具,可以渲染 SVG 标记,方便您在浏览器中检查结果。粘贴或拖放 SVG 内容即可查看文档的显示效果,而非只依赖源文本。预览显示在完全沙盒化的 iframe 中,脚本会被剥离。
您可以放大或缩小以不同比例检查渲染后的图像,还可以切换棋盘格背景,更清楚地看到透明区域。完成后下载 SVG,或通过画布将其导出为 PNG。这些控件让在线预览 SVG 并选择适合下一步任务的输出变得简单。
SVG 是一种矢量图像格式,而 PNG 是一种栅格图像格式。想要保留矢量文档时保留 SVG 很有用;导出 PNG 则可以得到预览的栅格版本。该查看器同时支持下载 SVG 和导出 PNG,因此您可以检查源格式,并在需要时创建 PNG 输出。
「SVG 查看器」完全在浏览器中运行:您的输入在设备上处理,不会上传、存储或发送到服务器。页面加载后无需服务器连接即可离线使用。它适合需要检查自己未创建的 SVG、确认渲染效果,或在不向外发送输入的情况下导出 PNG 的开发者和 DevOps 工程师。
步骤 1:将 SVG 标记粘贴到工具中,或将 SVG 文件拖放到工具中加载预览。
步骤 2:在预览中检查渲染后的 SVG,查看其形状和文本的显示效果。
步骤 3:放大或缩小,以不同比例查看 SVG。
步骤 4:切换棋盘格背景,让透明区域更容易看清。
步骤 5:下载 SVG 文件,或通过画布将预览导出为 PNG。
使用场景:检查自己没有写过、仅凭阅读标记难以理解的 SVG 文档。
使用场景:在将 SVG 用于消费或展示该文档的代码之前,检查它的渲染效果。
使用场景:在梳理需要检查或编辑的标记部分时,直观地审阅较大的 SVG。
使用场景:当初始比例难以评估全图时,放大查看 SVG 中的细节。
使用场景:通过开启棋盘格背景检查透明区域。
使用场景:需要栅格图像而非原始矢量文档时,将 SVG 预览导出为 PNG。
使用场景:在浏览器中检查完毕后下载 SVG。