我有一个SVG文件并在HTML代码中使用它。但不知何故,它无法缩放。我的意思是,我只能更改图像的宽度和高度(因此它只是变成了一个更大的占用更多空间的方框,但方框内部的矢量图像并没有缩放)。在SVG文件中,我有viewbox属性,但当我更改其值时,它仍然无法缩放(实际上它什么也没做)。有什么想法吗?
<svg
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="50px"
height="50px"
viewbox="0 0 64 64">
<defs>
<filter id="blur" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
<feOffset dx="0" dy="4" result="offsetblur"/>
<feComponentTransfer>
<feFuncA type="linear" slope="0.05"/>
</feComponentTransfer>
<feMerge>
<feMergeNode/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
<style type="text/css"><![CDATA[ .... ( data is here )
HTML:
<img id="icon">
(我在单独的js文件中指定img src)