html svg删除部分图形,html – 如何删除SVG周围的空白区域

我在一个简单的网页上显示了一个SVG,但是一旦我将图像调整到超过一定的大小(高度：~65vh),SVG周围就会有一个看不见的空间,使得页面变得庞大并且滚动条会下降,图像顶部也有很大的余量.我已经尝试在SVG中减小视图框的大小并在CSS中设置高度和宽度.这是使用以下代码和片段的页面看起来：我只是希望SVG没有围绕它的大块边框,只是让芯片操纵大小.

.body {

background-color: #660033;

}

CPU Animation / joshstroup.me

xml:space="preserve">

.st0 {

fill: rgba(255, 255, 255, 0);

}

.st1 {

fill: #363636;

}

.st2 {

fill: #FEFEFE;

}

/>

/>

/>

/>

最佳答案 我在Inkscape上打开了你的svg并调整了文档大小以适应内容. (文件 – >文档属性 – >将页面大小调整为内容 – >将页面大小调整为绘图或选择)

输出：

xmlns="http://www.w3.org/2000/svg"

xmlns:xlink="http://www.w3.org/1999/xlink"

x="0px" y="0px"

viewBox="500 500 268.2734 266.75002"

style="enable-background:new 0 0 2000 2000;" xml:space="preserve">

.st0{fill:rgba(255,255,255,0);}

.st1{fill:#363636;}

.st2{fill:#FEFEFE;}

class="st1"

d="m 651,743.42436 c -3,0 -6.1,0 -9.1,0 -0.9,0 -1.1,0.3 -1.1,1.2 0,5 0,10.1 0,15.1 0,3 -1.9,5.6 -4.7,6.6 -2.8,1 -5.8,0.2 -7.7,-2 -1.2,-1.4 -1.7,-2.9 -1.7,-4.7 0,-5 0,-9.9 0,-14.9 0,-0.9 -0.2,-1.2 -1.2,-1.2 -6.1,0 -12.2,0 -18.4,0 -0.9,0 -1.1,0.2 -1.1,1.1 0,5 0,10.1 0,15.1 0,3.7 -2.9,6.8 -6.5,7 -3.7,0.3 -6.9,-2.3 -7.5,-6 -0.1,-0.5 -0.1,-1 -0.1,-1.6 0,-4.8 0,-9.6 0,-14.4 0,-1 -0.2,-1.4 -1.3,-1.3 -6,0.1 -11.9,0.1 -17.9,0 -1,0 -1.3,0.2 -1.3,1.2 0.1,5 0.1,10 0,15 0,3.7 -2.9,6.8 -6.5,7 -3.7,0.3 -6.9,-2.3 -7.5,-6 -0.1,-0.5 -0.1,-1 -0.1,-1.6 0,-4.8 0,-9.6 0,-14.4 0,-1.1 -0.4,-1.4 -1.4,-1.4 -5.2,0 -10.4,0 -15.6,0 -9.7,0 -17.1,-7.4 -17.1,-17.1 0,-5.2 0,-10.3 0,-15.5 0,-1.2 -0.2,-1.6 -1.5,-1.5 -4.8,0.1 -9.5,0.1 -14.3,0 -3.7,0 -6.8,-2.9 -7.1,-6.5 -0.3,-3.7 2.3,-6.9 6,-7.5 0.5,-0.1 1.1,-0.1 1.7,-0.1 4.7,0 9.4,0 14,0 0.9,0 1.1,-0.3 1.1,-1.2 0,-6 0,-12.1 0,-18.1 0,-1 -0.3,-1.2 -1.2,-1.2 -4.7,0 -9.4,0 -14.2,0 -4.3,0 -7.5,-3.1 -7.4,-7.1 0,-4 3.2,-7 7.4,-7 4.8,0 9.