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

时间:2013-09-15 17:17:44

标签: javascript html css printing

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

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

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

提前致谢!

1 个答案:

答案 0 :(得分: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>