下面是一個簡單的SVG檔案：
<svg xmlns="http://www.w3. org/2000/svg" width="100mm" 高度="100mm" version="1. 1" viewBox="0 0 377.95 377.95">
< rect x="0" width="189" height="189" stroke="black" strok- width="6" fill="red"/>
</svg>/span>
這渲染了一個100mm x 100mm的盒子，左上角位于原點，正如預期的那樣。
如果我將viewbox改為：
viewBox="0 0 177.95 177.95"/span>
然后盒子被放大了，仍然是左上角在原點，正如預期的那樣。
然而，如果我只改變視圖框的寬度，像這樣：
viewBox="0 0 177.95 377.95"/span>
那么盒子就不是縮放，而是被沿X軸移動。
我以為只有viewbox的前兩個引數會影響平移？另外，為什么盒子沒有在 X 方向上被拉伸？
視窗的前兩個引數是否會影響平移？
只有在X和Y方向上的縮放比例相同時，viewbox的縮放才會正確作業嗎？
謝謝！
uj5u.com熱心網友回復：
視口如何在SVG的實際尺寸（嵌入幀）中進行縮放，是由preserveAspectRatio屬性來控制的。
參見MDN條目和/或參考Sara Soueidan的《了解SVG坐標系和變換》。
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/320111.html
標籤：
上一篇：如何覆寫繼承的svg樣式