Ширина SVG превышает div

Question

Ширина SVG превышает div

0

У нас есть сгенерированная графика SVG внутри нашего веб-приложения. Проблема в том, что svg может быть очень широким, а затем он может превышать содержание html.

Заголовок определяется как 100% -ная ширина, но эта ширина 100% не учитывается для размера svg. С firebug мы видим, что содержащая svg не такая большая, и поэтому html-страница думает, что она имеет такую ширину. Но svg намного больше.

Как я могу сделать весь размер изображения SVG?

FiveO 28 нояб. 2013, в 09:56

Источник

0

Из вашего вопроса не ясно, хотите ли вы, чтобы страница расширялась, чтобы соответствовать SVG, или SVG уменьшалась, чтобы соответствовать странице.
Paul LeBeau 28 нояб. 2013, в 22:18

Теги:

html

css

svg

1 ответ

Ещё вопросы

Из вашего вопроса не ясно, хотите ли вы, чтобы страница расширялась, чтобы соответствовать SVG, или SVG уменьшалась, чтобы соответствовать странице.

Igle · Answer 1 · 2013-11-28T06-05-00.000Z

Вы можете получить ширину, используя getBBox следующим образом: $('.yoursvgclassname')[0].getBBox().width; Сделайте это в функции onload и установите ширину вашего навигатора.

Если вы хотите вырезать: Используйте overflow: scroll на графике SVG. Это закрепит его на краю вашего контейнера и добавит панель прокрутки.

Я хотел бы иметь противоположность - сделать остальное содержимое также 100% большим - не имея второй полосы прокрутки внутри страницы. Как я могу это сделать?
Вы имеете в виду панель навигации?
Да, что панель навигации имеет ширину 100% (такая же ширина, как у svg)