@smithana

Почему firefox и chrome по разному работают с svg (snap.svg)?

Добрый день, столкнулся с проблемой и не могу понять её корни.

Для создания интерактивной карты я использую библиотеку snap.svg.
Проблема возникла когда мне карту понадобилось сдвинуть чуть с места.
Для этого я воспользовался правилом transform: translateX(100px). Файрфокс подвинул, в хром нет.
Создал простой пример, где видно разница в позиции:
dailybmw.ru/svg_test/test.html

Также заметил, что если инспектором браузера выделить svg код самой картинки, то в хроме границы картинки чётко по её размеру, а в файрфоксе от высота 100%, а ширина от левого края картинки, до правого края монитора.

Ширину и высоту непосредственно в заголовке svg файла я задать не могу, т.к. мне нужна масштабируемая картинка, а писать кучу правил transform: scale(x), чтобы подгадать размер не хочется.

Спасибо!
  • Вопрос задан
  • 679 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Haoss
html-верстальщик
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы