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

标签 javascript html css printing

我有一个 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/

相关文章:

javascript - 每个已解决的 Promise.map 和回调

javascript - 使用 document.on() 是否被认为是不好的做法?

javascript - jQuery - 如何从输入文件 img 制作缩略图

css - 下拉菜单的 z-index 不起作用

javascript - Safari 中的 CSS 缩放问题

php - 从表格中获取单元格值

javascript - 每 5 秒轮换两个 div 的内容。就像横幅旋转一样

javascript - 如何设置 bootstrap carousel-caption 的样式?

html - 包裹一长排不同高度的 table

javascript - 使用 <img> 图像作为另一个元素的背景