文字轮廓导出
本站生成的 Logo 文字或标题,在放入 Figma、Illustrator 或网页布局前先检查一遍。
重点查看
字形是否完整、viewBox、路径数量和文件大小。
文件只在浏览器内处理,最大 5 MB。
上传 SVG、粘贴源码或加载示例后,可在这里查看图形。
选择文件、粘贴 SVG 源码,或加载示例以查看测量结果。
边界测量只覆盖无变换的 path 元素;图形基础元素、描边、滤镜、蒙版和变换组不参与裁切判断。开放子路径也可能是有意设计,请在目标软件中复核。
使用步骤
先载入导出的 SVG,再对照画面和测量结果。可以选择不超过 5 MB 的文件,也可以直接粘贴 SVG 源码。
选择本地 .svg 文件、粘贴源码,或加载页面内的示例。选择的文件由浏览器直接读取。
检查文字是否缺失、留白是否异常、画面是否被裁切。“适应窗口”显示全图,1:1 显示浏览器中的原始像素尺寸。
将 viewBox、标注尺寸、路径数量和边界与预期导出结果比较;发现异常后返回源文件或目标软件调整。
读懂检查结果
这些指标用于缩小 SVG 交付问题的范围,描述的是当前文件;目标软件如何导入,仍需在该软件中确认。
SVG 的可视区域,以及文件声明的宽度和高度(如果存在)。
对比设计画布和导入后的大小。浏览器显示尺寸不能证明实体加工尺寸。
<path> 元素数量,以及 SVG 源码的字节数。
需要轮廓时,确认图形已转为路径。路径数为 0,也可能仍有矩形、文字等可见元素。
无变换 path 的测量边界,以及它们是否可能超出有效 viewBox。
显示“是”时对照预览并调整图形或 viewBox;显示“无法判断”表示本项没有得出结论。
未用闭合命令结束的路径移动次数,以及文件中是否存在变换。
用于切割时,到设备软件检查最终轮廓。开放路径可能是有意设计;变换会限制边界判断。
适用场景
刚导出文件、准备交给其他软件或加工流程时,快速核对图形和结构最有价值。
本站生成的 Logo 文字或标题,在放入 Figma、Illustrator 或网页布局前先检查一遍。
重点查看
字形是否完整、viewBox、路径数量和文件大小。
导入设备软件前排查潜在裁切和开放子路径,再到目标软件核对比例与轮廓。
重点查看
路径边界、开放子路径和声明尺寸。
对照实际预览和源文件尺寸,缩小图形空白或边缘缺失的原因范围。
重点查看
预览、viewBox,以及可以计算时的裁切结果。
常见问题