Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML5或SVG文件中缩放SVG_Html_Css_Svg - Fatal编程技术网

在HTML5或SVG文件中缩放SVG

在HTML5或SVG文件中缩放SVG,html,css,svg,Html,Css,Svg,我想从html或css文件中使用样式属性缩放SVG 示例: 如果我更改SVG元素的宽度或高度,它不会缩放 <svg height="200" width="350"> 带有标记宽度属性的SVG也不起作用他们制作的SVG不是响应性SVG。你可以尝试任何其他SVG。非常抱歉。如果您想清楚,只需调整浏览器窗口的大小,并检查它是否响应。事实并非如此 谢谢你的否决,我学到了一些东西,想提一提“使用Adobe Illustrator导出SVG时,您需要明确指出SVG应该是响应性的。因此,

我想从html或css文件中使用样式属性缩放SVG

示例:

如果我更改SVG元素的宽度或高度,它不会缩放

<svg height="200" width="350">


带有标记宽度属性的SVG也不起作用

他们制作的SVG不是响应性SVG。你可以尝试任何其他SVG。非常抱歉。如果您想清楚,只需调整浏览器窗口的大小,并检查它是否响应。事实并非如此


谢谢你的否决,我学到了一些东西,想提一提“使用Adobe Illustrator导出SVG时,您需要明确指出SVG应该是响应性的。因此,使用transform scale CSS的想法,您会被屏幕大小所困扰,它不会像illustrator中提到的那样响应。所以两者之间是有区别的。如果还是错的话,有些人可以帮助我。如果这是正确的,请投票给我。

SVG基于常量点,因此我不会缩放。如果您必须缩放附件中的示例,则可以使用

transform: scale(1.2);

但是,不建议这样做

如果您希望SVG随着宽度/高度的变化而变化,例如