我有一个 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>
关于javascript - 缩放网站以打印在单个页面上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18815202/