我知道有很多与此相关的帖子,我已经检查了所有这些帖子,但无法为我的问题找到合适的解决方案,这就是我发布此问题的原因。
我有这样的SVG:
如您所见,该SVG的左右两侧没有空格,但是左右两侧都有一些空格。如何删除底部和右侧的空格?
SVG的源代码:stackoverflow的主体最多只能包含30000个字符,但是SVG的源代码具有的字符数超过了限制。由于某种原因,我不得不在此Gist上载代码。不便之处,我真的很抱歉:(
答案 0 :(得分:1)
要查看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画布。