SVG 图案导入后被裁或留白，怎样检查 viewBox 与宽高

SVG导入后被裁或留白，先核对width、height、viewBox与preserveAspectRatio。前两项描述外部视口尺寸，viewBox定义内部坐标窗口；它们不是两套可以随意互换的分辨率。相同路径只要坐标窗口变了，就可能被缩放、居中或裁掉。

先确定文件与环境

固定目标软件的SVG导入方式：浏览器内联、图片对象或离线转换器可能采用不同支持范围。附件是圆形与十字线原创SVG，不含字体或外部资源，以免把坐标问题和资源缺失混在一起。本文检验文件几何信息，未将结果投射到屏幕，也不以SVG规范推断特定旧引擎已经完整实现。

操作与判断

1. 用文本编辑器查看根svg元素的四个字段，保留原始值。特别检查viewBox是否漏了负坐标、是否从0开始假设了所有图形范围；路径坐标在窗口外不一定会自动扩展画布。

2. 先导入full.svg记录圆形和十字线，再导入cropped.svg。两者路径相同，但后者内部窗口变窄，比较左右内容和留白；不要同时改变播放器的填充模式。

3. 把图案放进与viewBox不同比例的对象框，分别核对meet与slice。meet倾向保留完整内容并留边，slice倾向覆盖视口并裁切；无比例保持可能把圆拉成椭圆。

4. 确认需要展示的几何边界后修改副本，连同描边宽度和滤镜外扩一起检查。只把width和height改大，不能保证窗口外内容回来；导出位图时还要记录导出区域与像素尺寸。

输入对照与结果边界

样例	内部窗口	预期用途
full.svg	0 0 400 200	完整基线
cropped.svg	100 0 200 200	窄窗口反例
slice.svg	0 0 400 200	裁切模式对照

表中预期来自文档属性与几何设计，实际渲染由目标软件补证。附件slice.svg外部宽高与内部比例一致时，单独打开可能与full相近；要在不同比例的宿主框观察差别，不能把没看到差异解释为软件忽略属性。坐标计算与最终截图应分开记录。

下载并复核

完整视口基线、窄viewBox反例、slice模式对照、SVG属性读取、执行结果。

把三份SVG放到测试工程的独立目录，用check_asset.py读出根属性，随后逐个导入同一个对象框。记录框的像素宽高、宿主适配模式与四边可见范围。脚本只解析XML，不执行SVG内脚本；它不会声称检查了目标软件的裁剪路径、滤镜或图案填充实现。

已实际解析三份SVG并核对viewBox字段；这些文件为可打开的原创矢量图。未声称完成目标导入器或屏体渲染测量。

失败时怎样继续

若文件属性正确而导入仍丢边，检查路径是否被clipPath限制，滤镜区域是否太小，导出器是否只导出了选中对象。若只有文字不见，另查字体与文字对象支持；若图片不见，查外部链接。不要一律把SVG转成超大PNG，因为这会隐藏原因并增加素材体积。

最终交付应给出文件根坐标、展示对象框、比例保持方式与一张目标软件结果图。设计方若要求必须完整可见，要明确允许留白；若要求铺满，则明确哪些区域允许裁切。只有把这两种要求写清，后续不同尺寸展板才能沿用同一可解释规则。

相关背景可看超宽视频被自动旋转或拉伸，怎样核对像素比例与方向标记，继续从多媒体播放专题查找相关流程；需要结合项目确认时可查看工程对接咨询。

一级出处

• viewBox与preserveAspectRatio共同决定视口坐标映射。

来源核对日期：2026-10-24。来源支持所述机制；本文合成输入与本地计算只证明所列文件及算法，不代表目标软件或现场设备已验收。