如何在 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 样式：

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

Answer 1

如果将 DocumentSource 的边距值设置为 0，间隙将大大减小。但是，与 C#+XAML 的 PrintTask 相比，上边距（可能是页眉/页脚区域）做了一点。

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;
}