我在這個問題上卡了好幾天，所以我想我應該聯系一下，看看是否有人遇到過類似的情況。我正試圖將多個符號合并到一個SVG檔案中。我能夠把檔案中的符號合并起來，而且圖看起來正是我想要的樣子。問題是，生成的SVG不能自動調整大小。這是由于這些符號有一個設定的寬度和高度。如果我去掉符號上的寬度和高度，它們就會調整大小，但我失去了我想要的定位和大小比例。在 SVG 上設定寬度或高度并不影響符號的大小。
我希望能夠設定 SVG 的寬度和高度，并使符號的大小得到相應的調整，保持相對位置。如果你在瀏覽器中放大圖片，就會得到同樣的效果。我所使用的符號有點太復雜了，不能作為例子，但這里有一個非常基本的例子，說明同樣的問題。產生的影像沒有調整到SVG中設定的100%的寬度。感謝任何幫助。
。<?xml version="1.0" encoding="utf-8"? >
<svg xmlns="http://www.w3. org/2000/svg" version="1.1" width="100%">
< 符號 id="svg23"/span> viewBox="0 0 20 20" height="50" width="50" >
< rect width="20" height="20" />
</symbol>
< 符號 id="svg20"/span> viewBox="0 0 30 30" height="50" width="50" >
< rect width="30" height="30" />
</symbol>
<use href="#svg23" />
< 使用 href="#svg20"/span> x="100" y="0" />
</svg> uj5u.com熱心網友回復：
使用viewBox來控制SVG內部的相對位置是合理的。然后你可以將SVG的寬度設定為特定的內容，或者如果它應該填滿100%，就不設定。
。<p>/span>寬度為100%。 </p>寬度為100%：</p>
<svg xmlns="http://www.w3. org/2000/svg" version="1.1" viewBox="0 0 500 50">
< 符號 id="svg23"/span> viewBox="0 0 20 20" height="50" width="50" >
< rect width="20" height="20" />
</symbol>
< 符號 id="svg20"/span> viewBox="0 0 30 30" height="50" width="50" >
< rect width="30" height="30" />
</symbol>
<use href="#svg23" />
< 使用 href="#svg20"/span> x="100" y="0" />
</svg>
<p>更小（寬度為200 px）：</p>
<svg xmlns="http://www.w3.org/2000/svg" version="1。 1" width="200px" viewBox="0 0 500 50">
< 符號 id="svg23"/span> viewBox="0 0 20 20" height="50" width="50" >
< rect width="20" height="20" />
</symbol>
< 符號 id="svg20"/span> viewBox="0 0 30 30" height="50" width="50" >
< rect width="30" height="30" />
</symbol>
<use href="#svg23" />
< 使用 href="#svg20"/span> x="100" y="0" />
</svg> 轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/320135.html
標籤：
上一篇：防止svg從視頻播放器上滑落
下一篇：對所有非最新的記錄進行SQL查詢