Масштабирование веб-сайта для печати на одной странице

Question

У меня есть html-страница, которая содержит довольно большой SVG (размер может быть до 2000 пикселей в ширину и высокий) среди нескольких других элементов html.

Когда я вызываю диалог печати с использованием window.print() или иначе SVG разделяется на несколько страниц. Есть ли javascript, css или любое другое решение, чтобы изящно масштабировать веб-сайт, чтобы он соответствовал одной странице.

Примечание: SVG динамически генерируется с помощью raphaeljs.

Заранее благодарен!

Answer 1

Вы можете управлять зумом с Javascript так же, как если бы вы были провести CTRL and + or - Дайте эту попытку на то, что триггер вы хотите:

document.body.style.zoom = .5; 

Не уверен, если это будет влиять на печать часть, хотя, поскольку я не печатаю страницы. Стоит попробовать.

Если это не сработает, сделайте преобразование! Оберните всю страницу в теге группы после тега <svg>.

<svg id="svg" xmlns="http://www.w3.org/2000/svg" version="1.1"> 
<g transform="scale(.5)" > 
your entire svg page here! 
</g> 
</svg>