H5Kit

SVG 裁剪空白

自动找到 SVG 图形的精确边界,裁掉四周空白并均匀添加边距。全程在浏览器本地处理,保持矢量格式。

功能介绍

自动计算 SVG 可见内容的真实边界,去除四周多余空白,并在四边添加相同的 padding。导出结果仍然是可以继续编辑和缩放的 SVG 文件。

使用方法

  1. 选择或拖拽一个 SVG 文件
  2. 拖动 padding 滑块或输入精确数值
  3. 预览裁剪后的 viewBox
  4. 下载裁剪后的 SVG

常见问题

会把 SVG 转成图片吗?

不会。工具会保留 SVG 元素,只修改围绕图形边界的 viewBox,并同步调整 width/height 以匹配新的宽高比。

边距的单位是什么?

边距使用 SVG 用户单位,也就是 viewBox 坐标系里的长度,不是固定像素。无论图形最终显示多大,边距都会随图形等比缩放。

描边和 transform 会被计算进去吗?

常见的图形、路径、分组、transform 和描边都会计算在内。复杂的外部资源和滤镜效果可能受浏览器边界计算能力影响。

SVG 文件会上传服务器吗?

不会。SVG 的解析和导出全部在浏览器本地完成。

相关工具