如何在javascript / css中删除窗口的边距或填充？

Question

我正在尝试使用javascript打印图像：

function printImage(src){
        var printWindow = window.open('', 'Print Window','height=400,width=600');
        printWindow.document.write('<html><head><title>Print Window</title>');
        printWindow.document.write('</head><body ><img src=\'');
        printWindow.document.write(src);
        printWindow.document.write('\' /></body></html>');
        printWindow.document.close();
        printWindow.print();
}

printImage(src); //this is image src..

它打印得很好，问题在这里：

在此处输入图片说明

我要删除该空白区域，因为我将其打印在窄纸上（比尔/收据纸）。 由于存在空白，图像打印很小。 我尝试过像set style="margin-top:-25px; margin-left: -25px;" 在img但是它的打印像：

在此处输入图片说明

如何在left top打印image而没有任何空白空间？

帮帮我..谢谢

Answer 1

您可以尝试CSS @page

@page {
    size: auto;
    margin: 0;
}

如何在javascript / css中删除窗口的边距或填充？

问题描述

1 个解决方案

解决方案1
3 已采纳 2015-04-22 09:25:30

如何在javascript / css中删除窗口的边距或填充？

问题描述

1 个解决方案

解决方案1 3 已采纳 2015-04-22 09:25:30

解决方案1
3 已采纳 2015-04-22 09:25:30