我有一个SVG,我想用它作为我的React应用程序的图标。如果有必要的话,我使用了create-react-app。
如果我在实际的网站上使用它,我可以通过添加或更改它的width="24px"属性来调整大小:
<div>
<svg
id="LOGOS"
width="100px"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 1000 1000"
>
//Paths and a lot of stuf
我正在尝试将svg缩放到浏览器窗口的完整大小。svg对象在一个高度和宽度都设置为100%的div中,我曾尝试使用svg中的viewBox,但都无济于事。
我正在使用的屏幕分辨率为1080p。
<div style="width:100%; height: 100%;">
<object id="map" type="image/svg+xml" data="worldHigh.svg">Your browser does not support SVG</object>