javascript - 如何在 printTask 中删除/更改打印文档边距？

Question

我想知道如何实现无边界打印。

目前我的输出是这样的:

我想让图像从最左上角开始。这可能吗？我已经尝试为我的打印样式框设置负边距，但图像会被剪切。

我知道可能不是所有的打印机都能打印边框区域，但在我的用例中，这些区域的图片会是白色的。 (山图像仅用于演示目的)

我可以通过 printTask 以某种方式指定文档边框吗？

查看我当前的设置:

HTML:

<div id="pdf-render-output"></div>

CSS:

body > #pdf-render-output {
    display: none;
}

@media print {

    body > * {
       display:none;
       max-width: 100%;
    }

    html {
       max-width: 100%;
       border-top: 0;
    }

    body > #pdf-render-output {
        display: block;
        border: none;
        max-width: 100%;
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0; /* I tried to set negative margin/padding eg. here */
        padding: 0;
    }

}

JS:

$('#pdf-render-output').append("<img src="..." style=\"width: 100%\" />");

我试过所有可能的边距/填充和东西，但图像会被剪切，白色边框会停留在它的“上方”。

我希望可能有一个我在浏览 msdn 时错过的 printTask 选项？

更新:我试图用 !important 设置所有边距/填充/边框值。不用找了。这是模拟器的屏幕截图，仅显示 print-css-style:

我认为这是 printTask 本身的问题。关于这个问题有什么选择吗？

Answer 1

如果将 DocumentSource 的边距值设置为 0，间距会减小很多。但是，与C#+XAML的PrintTask相比，top margin(大概是header/footer area)做了一点。

var printTask = printEvent.request.createPrintTask("Print Sample", function (args) {
    var src = MSApp.getHtmlPrintDocumentSource(document);
    src.rightMargin = 0;
    src.leftMargin = 0;
    src.topMargin = 0;
    src.bottomMargin = 0;
    src.shrinkToFit = false;
    args.setSource(src);
}

在我的环境中，当使用这个 CSS 时，它已经删除了边距，而不需要 src.rightMargin 等。

@page {
    margin:0cm;
}