2013-04-09 2 views
10

Я решил проблему, когда IE10 будет изменять размер изображения только в стиле css, теперь IE10 обрезает SVG вместо изменения размера. Ни один другой браузер не имеет этой проблемы.IE10 посещает SVG вместо изменения размера

Я пробовал все разные комбинации только объявления высоты или ширины при настройке другого измерения на автоматическое, а не на настройке или настройке обоих. Я также пробовал preserveAspectRatio="none" на теге img.

ответ

18

Оказывается, IE является единственным браузером, которому необходимо установить viewBox, чтобы масштабировать svg. Я использовал бесплатную программу под названием inkscape для создания моего svg, и он не устанавливает окно просмотра. Откройте СВГ с текстовым редактором и добавить к <svg... декларации:

viewBox="0 0 64 64" 

Вместо 64, введите то, что х и у вашего нижнем правом углу должно быть по размеру оригинального SVG. Неверная погода виновата в IE10 или inkscape ...

Обновление: Вы можете обновить до inkscape 0.91, и атрибут viewbox будет добавлен автоматически.

+15

Изменил мой разум. Я обвиняю IE. – Archonic

+1

Большое спасибо Я искал дни .. – bAN

+1

Если вы знаете, где искать (спасибо много), легко найти решения: http://wiki.inkscape.org/wiki/index.php/Tricks_and_tips#Scaling_images_to_fit_in_webpages.2FHTML (самое быстрое решение: обновите InkScape до 0.91, и атрибут будет добавлен автоматически) – BurninLeo

Смежные вопросы