我想知道，在瀏覽器中縮放頁面時，有什么方法可以防止縮放我的 SVG？假設我的 SVG 影像是一個測量影像，我想保持我的 SVG 的相同大小，獨立于放大或縮小頁面。
我正在使用反應
風格
svg: {
height: 150,
width: 150,
},
示例代碼
<svg className={classes.svg} viewBox="0 0 150 150">
<g>
<circle cx={70} cy={70} r={32} fill="white" stroke="black"/>
<circle cx={70} cy={70} r={8} fill="black"/>
</g>
</svg>
uj5u.com熱心網友回復：
您可以使用與視口相關的單位，例如vw, vh。
<svg viewBox="0 0 150 150" style="width:5vw">
<g>
<circle cx="70" cy="70" r="32" fill="white" stroke="black"/>
<circle cx="70" cy="70" r="8" fill="black"/>
</g>
</svg>您的 svg 元素將保持其初始大小為 5vw。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/432797.html