我試圖以相同的大小顯示多個 SVG 專案,但每個 SVG 專案似乎具有完全任意的大小。將寬度/高度設定為頂部元素不起作用。僅transform=scale()起作用,但由于比例的引數是比率,這意味著我必須為每個專案指定不同的比率以使它們具有相同的大小。那么,不是按比例縮放它們,有沒有辦法將它們縮放到絕對大小?類似于“縮放到寬度 100 像素和高度 100 像素”,而不是“縮放到 10% 寬度和 10% 高度”。
邁克爾·穆拉尼先生,我在發布這篇文章之前嘗試過,但沒有奏效。我錯過了什么?
- 新西蘭國旗非常大,設定大小僅顯示頂部/左側:

- 瑞士國旗很小,設定大小并沒有放大它:

uj5u.com熱心網友回復:
不是SVG 專家,但是:
不,我不認為這就是 SVG 的作業方式,因為這種縮放操作需要首先以某種“本機”大小繪制事物,然后查看與所需大小的差異,然后計算所有的校正因子坐標(有效地縮放到原始大小的某個百分比),并重新繪制它。SVG 支持比例不變但會影響物件邊界框的效果,因此據我所知,這在數學上是不可能的!
uj5u.com熱心網友回復:
我可能不理解這個問題 - 但是有沒有理由不使用 SVG 的內置影像元素,指定寬度和高度?(并且沒有保留縱橫比 - 我認為這是你想要的?)
<svg width="1000px" height="1000px" viewBox="0 0 1000 1000">
<image x="0" y="0" width="100" height-"100" xlink:href="http://yourdomain.com/yourimage.svg" preserveAspectRatio="none"/>
</svg>
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/402339.html
標籤:
下一篇:SVG的每個路徑命令的手動影片
