这个工具是什么
SVG ViewBox Calculator 帮助您分清内部坐标和外部显示大小。输入现有 viewBox 即可查看起点与尺寸，也可直接填写四个数值生成属性，无需先准备 SVG 文件。
如何使用
- 输入已有 viewBox，或从 SVG 文件与源码读取坐标范围。
- 检查最小 X、最小 Y、内部宽度和高度。
- 按需修改坐标范围，并填写外层显示宽高以比较比例。
- 复制生成的 viewBox 属性，核对图形是否仍完整可见。
功能说明
- 支持正负起点，内部宽度和高度必须大于零。
- 显示宽高比；例如 0 0 800 600 的比例为 4:3。
- 比较内部范围与显示尺寸，帮助判断等比例缩放或比例不一致。
坐标系统说明
- viewBox 的顺序是 min-x、min-y、width、height。前两个数字是可见坐标区域的起点，后两个是该区域的宽高。
- 例如 -100 -50 200 100 表示从 (-100, -50) 开始、宽 200 高 100 的区域，比例为 2:1。
- 显示区域为 400 × 300、viewBox 为 0 0 800 600 时，两个方向均为每个内部单位对应 0.5 CSS 像素。比例不一致时，最终留白或裁切还取决于 preserveAspectRatio。
SVG 安全说明
预览使用经过安全处理的静态副本，不运行脚本、点击事件或动画，也不加载外部图片、字体和样式。外部引用、内嵌网页和不支持的内容会被移除，因此预览可能与原文件不同。含 DOCTYPE 或自定义实体的文档不受支持。
SVG 文件或 UTF-8 源码最多 2 MiB，最多 20000 个节点（包括元素和文本），嵌套深度最多 96 层。内容过大或结构过于复杂时，请先简化文件。
隐私
SVG 内容仅在您的浏览器中处理，不会上传到服务器。
工具不会自动保存输入或结果。请在清空或离开页面前下载需要保留的文件，并保留原始副本。
FAQ
SVG viewBox 的四个数字是什么意思？
依次是最小 X、最小 Y、内部宽度和内部高度。起点可以为负数，宽度和高度必须大于零。
viewBox="0 0 100 100" 是什么意思？
它表示从坐标 (0, 0) 开始的 100 × 100 区域，宽高比为 1:1；实际显示像素大小由外层尺寸决定。
viewBox 和 width、height 有什么关系？
viewBox 定义内部坐标范围，width 和 height 定义显示区域；浏览器将内部范围映射到显示区域。
preserveAspectRatio 是什么？
它决定比例不同时如何对齐和缩放。常见的 meet 会完整显示并可能留白，slice 会铺满并可能裁切，none 可分别缩放两个方向。