如何在html/javascript中设置打印预览的比例?
打印网页时,如果比例设置为100,则无法在预览中显示整个网页。如果我将比例改为70,我可以看到整个页面。我想知道是否可以在HTML/Javascript中设置scale参数 我尝试了如何在html/javascript中设置打印预览的比例?,javascript,html,css,Javascript,Html,Css,打印网页时,如果比例设置为100,则无法在预览中显示整个网页。如果我将比例改为70,我可以看到整个页面。我想知道是否可以在HTML/Javascript中设置scale参数 我尝试了转换:scale(0.7),但是它不会改变大小 Chrome PDF Viewer或打印预览没有API。你几乎被你得到的东西困住了 有时可以通过直接修改PDF代码本身来实现一些技巧。我现在正在做一个项目,我自己用它来构建pdf。我能够设置Chrome所支持的一些标志,因此我可以自动打印(在打开文档时它会自动打开打印预
转换:scale(0.7)
,但是它不会改变
大小
Chrome PDF Viewer或打印预览没有API。你几乎被你得到的东西困住了 有时可以通过直接修改PDF代码本身来实现一些技巧。我现在正在做一个项目,我自己用它来构建pdf。我能够设置Chrome所支持的一些标志,因此我可以自动打印(在打开文档时它会自动打开打印预览)并禁用自动调整(因此它不会尝试调整大小以适应不同的纸张大小)。但是这些文件必须嵌入到pdf中,而不是在之后进行样式设置 如果你决定这样做,我会在问题论坛上发布我是如何让pdfkit设置这些标志的 编辑:
对不起,我刚刚重读了你的问题,意识到你没有提到PDF。我自己也这么做了,因为带标志的PDF基本上是您访问打印预览控件的唯一方式,我相信这是PDF Viewer的扩展。因此,如果可以更改比例,可以通过将页面转换为PDF并设置某种排序标志(我会搜索“默认视图比例”)来实现。希望Chrome不会在预览中忽略该标志。您可以使用CSS添加打印媒体规则并指定比例因子,如下所示:
@media print {
body {
margin-top: 5px;
margin-left: 10px;
transform: scale(0.43);
transform-origin: 0 0;
}
}
如果您想使比例因子成为动态的,那么您可能需要使用一个动态变量,如下所示,并从js或html链接传递它,其中“比例因子是变量”:
可能您需要css的打印规范。Herw是一篇文章。谢谢你!PDF可能是实现这一目标的好方法。
@media print {
body {
margin-top: 5px;
margin-left: 10px;
transform: scale(var(--scale-factor));
transform-origin: 0 0;
}
}