我有一个包含图片路径的javascript数组。
var images = ["pictures/pic1.jpg", "pictures/pic2.jpg", "pictures/pic3.jpg"];
(该数组是通过Ajax / Json生成的,来自php脚本)。
现在我要打印出每张图片。
每张图片都应以单独的页面宽度width=100%
最快的方法是什么?
我是否必须在div
(在样式后有一个css分页符)中显示每个图像然后打印或者是否可以直接打印图像。
答案 0 :(得分:0)
我没有测试过,但请尝试
@media print {
*
{
display: none !important;
}
.printable
{
display: block !important;
width=100%;
break-after: always;
page-break-after: always;
}
}
并且
var cnt = 0;
function printImages() {
var container = document.getElementById("imageContainer");
for (var i=0;i<images.length;i++) {
var img = document.createElement('img');
img.className="printable";
img.onload=function() {
cnt++;
if (cnt==images.length) {
window.print();
}
}
img.src=images[i];
container.appendChild(img);
}
}