矢量实验室 / 003

看清 SVG 里有什么。

上传或粘贴 SVG,先查看图形,再检查路径几何信息。在交付其他软件前确认画布、文件体积、开放轮廓与潜在裁切。

← 浏览工具

文件只在浏览器内处理,最大 5 MB。

图形预览

上传 SVG、粘贴源码或加载示例后,可在这里查看图形。

选择文件、粘贴 SVG 源码,或加载示例以查看测量结果。

边界测量只覆盖无变换的 path 元素;图形基础元素、描边、滤镜、蒙版和变换组不参与裁切判断。开放子路径也可能是有意设计,请在目标软件中复核。

使用步骤

三步完成一次有用的 SVG 检查。

先载入导出的 SVG,再对照画面和测量结果。可以选择不超过 5 MB 的文件,也可以直接粘贴 SVG 源码。

  1. 01

    载入 SVG

    选择本地 .svg 文件、粘贴源码,或加载页面内的示例。选择的文件由浏览器直接读取。

  2. 02

    查看图形

    检查文字是否缺失、留白是否异常、画面是否被裁切。“适应窗口”显示全图,1:1 显示浏览器中的原始像素尺寸。

  3. 03

    核对测量结果

    将 viewBox、标注尺寸、路径数量和边界与预期导出结果比较;发现异常后返回源文件或目标软件调整。

读懂检查结果

每项结果能说明什么?

这些指标用于缩小 SVG 交付问题的范围,描述的是当前文件;目标软件如何导入,仍需在该软件中确认。

viewBox / 尺寸

SVG 的可视区域,以及文件声明的宽度和高度(如果存在)。

对比设计画布和导入后的大小。浏览器显示尺寸不能证明实体加工尺寸。

路径 / 文件大小

<path> 元素数量,以及 SVG 源码的字节数。

需要轮廓时,确认图形已转为路径。路径数为 0,也可能仍有矩形、文字等可见元素。

边界 / 可能裁切

无变换 path 的测量边界,以及它们是否可能超出有效 viewBox。

显示“是”时对照预览并调整图形或 viewBox;显示“无法判断”表示本项没有得出结论。

开放子路径 / 变换

未用闭合命令结束的路径移动次数,以及文件中是否存在变换。

用于切割时,到设备软件检查最终轮廓。开放路径可能是有意设计;变换会限制边界判断。

适用场景

在下一次交付前检查。

刚导出文件、准备交给其他软件或加工流程时,快速核对图形和结构最有价值。

文字轮廓导出

本站生成的 Logo 文字或标题,在放入 Figma、Illustrator 或网页布局前先检查一遍。

重点查看

字形是否完整、viewBox、路径数量和文件大小。

激光切割或 CNC 准备

导入设备软件前排查潜在裁切和开放子路径,再到目标软件核对比例与轮廓。

重点查看

路径边界、开放子路径和声明尺寸。

排查空白或被裁切的 SVG

对照实际预览和源文件尺寸,缩小图形空白或边缘缺失的原因范围。

重点查看

预览、viewBox,以及可以计算时的裁切结果。

常见问题

如何理解这些结论?

1

上传的 SVG 会传到服务器吗?

不会。所选文件只在你的浏览器内读取和检查。加载示例时,浏览器会从本站下载公开的示例文件。
2

预览有图形,为什么路径数量是 0?

这里仅统计 <path> 元素。SVG 也可以用矩形、圆形、文字或图像等元素显示内容。如果后续流程要求轮廓,请先把图形转成路径。
3

“可能裁切”为何显示“无法判断”?

检查需要有效的 viewBox 和可测量、无变换的路径。缺少比较所需尺寸、路径带变换或路径数据无法解析,都可能导致无法判断。这不代表文件一定安全。
4

存在开放子路径就不能切割吗?

不一定。这里根据路径中的移动和闭合命令做简单计数,开放路径也可能是有意设计。请在设备软件中检查最终轮廓和切割设置。
5

1:1 预览能确认实体尺寸吗?

不能。1:1 显示的是浏览器中的像素尺寸。请在 CAD、CAM 或切割软件中确认实际单位和最终尺寸。

手头有 SVG 文件吗?

直接用检查器查看自己的文件,也可以先下载作品示例,了解基于路径的 SVG 导出结果。

SVG 路径检查器 | 检查 viewBox、路径和裁切