缩放要打印在单个页面上的网站

Scaling website to be printed on a single page

本文关键字:网站 单个页 打印 缩放      更新时间:2023-09-26

我有一个html页面,其中包括一个相当大的SVG(大小各不相同,但它可以达到2000像素宽和高),以及其他几个html元素。

当我调用打印对话框时,window.print()否则 SVG 被拆分为几页。是否有javascript,css或任何其他解决方案可以优雅地扩展网站,使其适合单个页面。

注意:SVG 是使用 raphaeljs 动态生成的。

提前感谢!

您可以使用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>