在我的應用程式中從 Vaadin 14 遷移到 Vaadin 23 后，圖示的大小有所不同。Vaadin 似乎總是使用viewBox="0 0 24 24"，但我的圖示有不同的 viewBox 值。
這是一個圖示太大而另一個太小的樣子：
在icons.js 中有這個viewBox 的上部圖示<vaadin-iconset name="video"><svg><defs><g id="video" viewBox="0 0 55.125 55.125"><path d="[...]"/></g></defs></svg></vaadin-iconset>'的定義：和這個viewBox 的下部圖示的定義： '<vaadin-iconset name="cog-o"><svg><defs><g id="cog-o" viewBox="0 0 16 16"><path d="[...]"/></g></defs></svg></vaadin-iconset>'
并且在產生的（Vaadin 23）應用程式viewBox值是不同的（我不知道差異來自哪里）：<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid meet" aria-hidden="true" viewBox="0 0 24 24"><!----><!--?lit$726647111$--><path d="[...]"></path><!--?--></svg>
在 Vaadin 14 中，元素的viewBox值svg與 icons.js 中的定義完全相同。
一種可能的解決方法是在應用程式之外（或者甚至在應用程式內）縮放我的所有圖示。但這是瀏覽器可以做的事情（并且確實 - 當我在除錯控制臺中手動更改值時）只要viewBox值是正確的。
我可以做些什么來獲得viewBoxVaadin 23 中的預期值，就像在 Vaadin 14 中一樣？
uj5u.com熱心網友回復：
在元素處添加/設定size屬性：vaadin-iconset
<vaadin-iconset name="video" size="55.125">
<svg><defs>
<g id="video" viewBox="0 0 55.125 55.125"><path d="[...]"/></g>
</defs></svg>
</vaadin-iconset>
的值size等于 和 的viewBox[2]最大值viewBox[3]。
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459423.html
上一篇：在SVG上居中文本元素
下一篇：為什么路徑不適合SVG視圖框？