javascript - 缩放网站以打印在单个页面上

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>