如何删除SVG周围的空间?

时间:2020-08-31 03:50:46

标签: svg

我知道有很多与此相关的帖子,我已经检查了所有这些帖子,但无法为我的问题找到合适的解决方案,这就是我发布此问题的原因。

我有这样的SVG:

enter image description here

如您所见,该SVG的左右两侧没有空格,但是左右两侧都有一些空格。如何删除底部和右侧的空格?

SVG的源代码:stackoverflow的主体最多只能包含30000个字符,但是SVG的源代码具有的字符数超过了限制。由于某种原因,我不得不在此Gist上载代码。不便之处,我真的很抱歉:(

1 个答案:

答案 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;">

您的图像左右移动,因此左右两侧都有空白

jsfiddle

图像移位由以下命令执行:

<g id="girl" transform="translate(-35.000000, -89.000000)">
删除此命令或将坐标设置为零

<g id="girl" transform="translate(0, 0)">

jsfiddle

结果,空白区域将消失,图像将占据整个SVG画布。