Html 如何从这个动画SVG中删除额外的空间（填充）？_Html_Css_Animation_Svg

Html 如何从这个动画SVG中删除额外的空间（填充）？

html css animation svg

Html 如何从这个动画SVG中删除额外的空间（填充）？,html,css,animation,svg,Html,Css,Animation,Svg,这是一个微调器图标，我被卡在零件上，以删除微调器图标周围的额外填充您需要将viewBox属性更改为viewBox=“17 17 66”如何知道viewBox的新值我已经将SVG元素中的所有内容包装在一个组#G中在JavaScript中，我使用getBBox（）方法获取组的边界框，并使用边界框的属性定义SVG元素的viewBox的新值 vievBox = "x y width height" console.log（G.getBBox（）） svg{border:s

这是一个微调器图标，我被卡在零件上，以删除微调器图标周围的额外填充

您需要将

viewBox

属性更改为

viewBox=“17 17 66”

如何知道

viewBox的新值
我已经将SVG元素中的所有内容包装在一个组#G
中
在JavaScript中，我使用getBBox（）
方法获取组的边界框，并使用边界框的属性定义SVG元素的viewBox
的新值
vievBox = "x y width height"


console.log（G.getBBox（））
svg{border:solid}

你为什么不使用css呢？同样，它将为你提供广泛的定制选项，感谢你对我的帮助！我真的很感激！再次感谢（来自另一个问题）