javascript:window.print()打印2页,而我有1页
我有一个简单的HTML文档,其中只包含一个图像标签。 我想在加载文档后打印图像。 我的代码:javascript:window.print()打印2页,而我有1页,javascript,css,printing,Javascript,Css,Printing,我有一个简单的HTML文档,其中只包含一个图像标签。 我想在加载文档后打印图像。 我的代码: 它可以工作,但问题是它同时打印图像(网页)和另一张纸,这张纸是空的,上面只有一个文本,给出图像地址和html标题。如何防止打印多余的纸张 附言:我使用了jquery插件,如PrintElement.js、jqPrint.js等,但它们也有同样的问题…将图像缩小一点,并用边距将其居中 <img src="form1.jpg" width="90%" style="margin:auto;"/&g
它可以工作,但问题是它同时打印图像(网页)和另一张纸,这张纸是空的,上面只有一个文本,给出图像地址和html标题。如何防止打印多余的纸张
附言:我使用了jquery插件,如PrintElement.js、jqPrint.js等,但它们也有同样的问题…将图像缩小一点,并用边距将其居中
<img src="form1.jpg" width="90%" style="margin:auto;"/>
您可以通过js制作一个iframe标记,并在其上放置图像,然后仅打印iframe 我希望它能起作用
<iframe id="iframeprint" style="display:none"></iframe>
仅打印iframe
document.getElementById('iframeprint').contentWindow.print() ;
您可以使用CSS控制打印的图像大小等-使用
@media print
为图像指定一个
最大宽度
这样,您就可以控制图像在页面上的呈现方式。例如:
@media print {
body img {
width: 90%; max-width: 1048px;
}
}
您可以使用CSS控制图像大小等进行打印-使用
@media print{/*此处的打印条件.*/}
如何通过“@media print”选项删除第二张纸?为图像指定最大宽度
。这样,您就可以控制图像在页面上的呈现方式。示例:@media print{body img{width:90%;max width:1048px;}}
成功了,非常感谢karthikr太棒了。。这是一个供将来参考的答案:)图像完全在第一页内,第二页与图像无关,我猜。。。第二篇文章只包含html文件地址,如files:///C:/Users/.../index.html
document.getElementById('iframeprint').contentWindow.print() ;
@media print {
body img {
width: 90%; max-width: 1048px;
}
}