Прокрутка и масштабирование SVG Viewer в Windows?

Нам нужно просмотреть несколько очень больших (7200+ пикселей) SVG. Все средства просмотра SVG, которые я нашел, включая современные веб-браузеры, не позволяют нам просматривать изображение целиком. Здесь нет полос прокрутки, и у нас нет возможности масштабирования.

Доступно ли бесплатное приложение с открытым исходным кодом, которое могло бы помочь с просмотром всего изображения SVG? Спасибо!


windows browser svg scroll image
person Eric the Red    schedule 23.09.2009    source источник
comment
Вы уверены, что имеете в виду SVG? SVG масштабируется, то есть он должен выглядеть одинаково при любом размере. Кроме того, 7200 пикселей — бессмысленная мера для SVG.   -  person Matthew Talbert    schedule 23.09.2009
comment
Это придирки. Немасштабированный рендеринг SVG размером 7200 пикселей должен иметь возможность масштабирования и прокрутки в средстве просмотра.   -  person hannson    schedule 24.09.2009
comment
На самом деле я в таком же замешательстве, как Мэтью. Я все еще не понимаю, что вы имеете в виду под SVG, который требует 7200 пикселей для масштабирования и прокрутки? Вы имеете в виду, что преобразование его в растровое изображение 7200x7200 сделает его разборчивым при масштабировании и прокрутке растрового изображения?   -  person Doradus    schedule 23.01.2015

Ответы (3)


arrow_upward
10
arrow_downward

Если вы действительно имеете в виду SVG, Inkscape должен работать.

person Matthew Talbert    schedule 23.09.2009

arrow_upward
3
arrow_downward

Вам нужно добавить атрибут viewBox к элементу <svg>, и wievers масштабирует изображение до доступного окна просмотра.

<svg viewBox='0 0 7200 7200' ... >

Вы можете попробовать Opera SVG Viewer для одновременного предварительного просмотра нескольких файлов svg.

person Spadar Shut    schedule 20.02.2010
comment
Простая установка окна просмотра не работает. Огромный svg, открытый в браузере (не встроенный html), обрезает изображение, не масштабируется и не предоставляет полосы прокрутки. Попробуйте что-то вроде: ‹svg xmlns=w3.org/2000/svg version=1.1 viewbox= 0 0 1000 4000›‹линия x1=500 y1=0 x2=500 y2=4000 штрих=черный штрих-ширина=4/›‹/svg› - person Ryan; 18.05.2016
comment
Если вы добавите ширину = 1000 и высоту = 4000, вы, по крайней мере, получите полосы прокрутки. При этом без масштабирования. - person Ryan; 18.05.2016

arrow_upward
0
arrow_downward

Если вы используете пользовательское расширение браузера css, такое как Stylus, вы можете настроить стиль CSS для переполнения корневого элемента, который должен быть <svg>:

:root {
    overflow:auto !important;
}

Это довольно безвредно для любой html-страницы, но вы можете применить его только к URL-адресам .svg через фильтр регулярных выражений URL-адресов:

^.*[.]svg$

Теперь, когда это сделано, открытие svg на новой вкладке применит стиль и позволит вам прокручивать его. Увеличение и уменьшение масштаба должно автоматически регулировать полосы прокрутки.

person H B    schedule 07.05.2021