IE10作物SVG而不是調整大小

我解決了這個問題，IE10只會調整圖像的大小，如果使用css樣式，現在IE10裁剪SVG而不是調整大小。沒有其他瀏覽器有這個問題。IE10作物SVG而不是調整大小

我試過所有不同的組合，只聲明高度或寬度，而將另一個尺寸設置爲自動，而不是設置或設置兩者。我也在img標籤上嘗試過preserveAspectRatio="none"。

2013-04-09 Archonic

事實證明，IE是唯一需要設置viewBox才能縮放svg的瀏覽器。我使用了一個名爲inkscape的免費程序來創建我的svg，但它沒有設置視圖框。用文本編輯器打開SVG和它添加到<svg...聲明：

viewBox="0 0 64 64"

而不是64，輸入任何你右下角的X和Y應爲原SVG的大小。不知道天氣怪IE10或Inkscape ...

更新：您可以更新到inkscape 0.91和viewbox屬性將自動添加。

來源

2013-04-09 15:13:46 Archonic

+15

改變了我的想法。我怪IE。 – Archonic 2013-05-07 23:02:43

非常感謝我搜索了幾天.. – bAN 2015-01-09 11:06:11

如果你知道在哪裏搜索（非常感謝），很容易找到解決方案：http://wiki.inkscape.org/wiki/index.php/Tricks_and_tips#Scaling_images_to_fit_in_webpages.2FHTML （最快的解決方案：將InkScape更新到0.91，並且該屬性將自動添加） – BurninLeo 2015-02-05 20:09:19

IE10作物SVG而不是調整大小

回答

相關問題