svg - 如何删除 SVG 周围的空格?
问题描述
我知道有很多与此相关的帖子,我已经检查了所有帖子,但我无法为我的问题找到合适的解决方案,这就是我发布这个问题的原因。
我有一个像这样的SVG:
如您所见,这个 SVG 的左侧和顶部没有空格,但右侧和底部有一些空格。如何删除它底部和右侧的空格?
SVG 的源代码:stackoverflow 的正文最多只能有 30000 个字符,但是 SVG 的源代码的字符数超过了限制。由于某种原因,我不得不在这个Gist上传代码。给您带来的不便,我真的很抱歉 :(
解决方案
要查看 SVG 画布的边框,我在 SVG 文件的标题中添加了红色边框样式
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 768" version="1.1"
style="border:1px solid red;">
您的图像向左和向上移动,因此右侧和底部有空白区域
图像移位由以下命令执行:
<g id="girl" transform="translate(-35.000000, -89.000000)">
删除此命令或将坐标设置为零
<g id="girl" transform="translate(0, 0)">
结果,空白区域将消失,图像将占据整个 SVG 画布。
推荐阅读
- jquery - 如何在 Kendo Grid 底部插入新行
- python-3.x - Matplotlib 全屏不适用于 Qt EGLFS
- sql - Oracle 重复数据删除
- powershell - 如何将 $args 转换为字符串并执行?
- security - 在 Kubernetes 中使用 runAsNonRoot
- javascript - 正则表达式仅匹配字符串中两个相同字符中的第一个
- javascript - D3力模拟和拖动,node.fx/node.fy是什么?
- xml - xsd.exe 不会为 xs:list 标记创建集合(数组或列表)
- java - Java Web Start 应用程序日志记录权限被拒绝
- shell - 使用 shell cmd 重命名 jenkins 中的目录