我有一个 html 页面,其中包含一个相当大的 SVG(大小不同,但它的宽度和高度可达 2000 像素)以及其他一些 html 元素。
当我使用或以其他方式调用打印对话框时window.print()
,SVG 被拆分为多个页面。是否有 javascript、css 或任何其他解决方案可以优雅地扩展网站,使其适合单个页面。
注意:SVG 是使用 raphaeljs 动态生成的。
提前致谢!
我有一个 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>