Intereting Posts
Координаты щелчка мыши относительно верхнего левого угла родительского div Строки sum jQuery, добавляющие все ячейки Остановить абсолютно позиционированный div от перекрывающегося текста Как сравнить несколько td.text () в tr с помощью jQuery Идентифицированный HTML-код из цикла PHP Функция привязки на клавише вверх в угловом как изменить типы mime в MAMP iOS Chrome / Safari – Нежелательная прокрутка при фокусировке ввода внутри модального iPhone MKMapView: укажите регион карты, чтобы показать все контакты на карте Можно ли выводить (встроенные) дочерние элементы div справа налево, а не по умолчанию слева направо? Как я могу сделать кнопку Upvote / Downvote? Эллиптическая стрелка дуги стрелка d3 принудительная компоновка Начните выполнение функции jQuery, когда я перейду к конкретному Как разместить относительный элемент после абсолютного элемента и заставить родительский div расширяться, чтобы соответствовать детям? Найти текст внутри тега javascript с помощью PHP Simple HTML DOM Parser

Как получить ScrollBars в SVG?

У меня есть SVG-элемент с множеством элементов внутри. SVG-элемент имеет окно просмотра, поэтому вы можете нажать кнопку масштабирования, и элементы выглядят больше или меньше. Работает хорошо. Теперь проблема в том, что когда элементы переполняют родительский SVG-элемент, не появляются ScrollBars.

Пример:

... S ...

 //here I set the viewbox after clicking the zoomOut-Button float width = svg.getViewBox().getBaseVal().getWidth(); float height = svg.getViewBox().getBaseVal().getHeight(); svg.getViewBox().getBaseVal().setHeight((float) (height / 0.9)); svg.getViewBox().getBaseVal().setWidth((float) (width / 0.9)); 

Кто-нибудь может мне помочь? Я поместил атрибут переполнения в svg, а также в тег div. не работает.

Попробуйте сделать SVG-элемент большим, чем div, и пусть div обрабатывает переполнение с помощью прокрутки.

Например, см. Этот jsfiddle , в котором используется следующий css:

 div#container { height: 400px; width: 400px; border:2px solid #000; overflow: scroll; } svg#sky { height: 100px; width: 1100px; border:1px dotted #ccc; background-color: #ccc; } 

Часть точки SVG такова, что она может масштабироваться, чтобы соответствовать экрану. Тем не менее, я думаю, что если вы хотите получить что-то вроде того, что вы описываете, тогда вам нужно установить явную width и height для элемента svg . Что-то вроде http://jsfiddle.net/qTFxJ/13/, где я устанавливаю width и height в пикселях в соответствии с размером вашего viewBox .