Вопрос
Нам нужно просмотреть несколько очень больших (7200+ пикселей) SVG. Все средства просмотра SVG, которые я нашел, включая современные веб-браузеры, не позволяют нам просматривать изображение целиком. Здесь нет полос прокрутки, и у нас нет возможности масштабирования.
Доступно ли бесплатное приложение с открытым исходным кодом, которое могло бы помочь с просмотром всего изображения SVG? Спасибо!
Если вы действительно имеете в виду SVG, Inkscape должен работать.
Вам нужно добавить атрибут viewBox к элементу <svg>, и wievers масштабирует изображение до доступного окна просмотра.
<svg viewBox='0 0 7200 7200' ... >
Вы можете попробовать Opera SVG Viewer для одновременного предварительного просмотра нескольких файлов svg.
Если вы используете пользовательское расширение браузера css, такое как Stylus, вы можете настроить стиль CSS для переполнения корневого элемента, который должен быть <svg>:
:root {
overflow:auto !important;
}
Это довольно безвредно для любой html-страницы, но вы можете применить его только к URL-адресам .svg через фильтр регулярных выражений URL-адресов:
^.*[.]svg$
Теперь, когда это сделано, открытие svg на новой вкладке применит стиль и позволит вам прокручивать его. Увеличение и уменьшение масштаба должно автоматически регулировать полосы прокрутки.
Перевод вопроса и ответов сообщества Stack Overflow, лицензия CC BY-SA. Оригинал на Stack Overflow.