Question

有人能说出如何使用HTML5打印自定义文档吗？这就是我想要的打印功能。我有使用silverlight构建打印功能的文件管理系统。我想要一个解决方案来替换HTML5中的silverlight插件。请给我任何想法或解决方案。

Answer 1

假设您已使用Iframe，

在网页中显示文档

如果假设正确，您可以打印iframe的内容，如下面的代码

<input type="button" onclick="printIframe()" value="print" />

<iframe id="printf" name="printf" src="./sample.pdf"></iframe>

<script>
    function printIframe() {
        var target = document.getElementById('printf');
        try {
            target.contentWindow.document.execCommand('print', false, null);
        } catch (e) {
            target.contentWindow.print();
        }
    }
</script>

否则，如果您不使用Iframe，只需编写自定义打印css文件，仅显示要打印的文档内容。

注意：您无法使用javascript直接访问打印机

Answer 2

您可以自定义HTML5在使用css @media打印规则打印时的样式。例如，如果您想在打印时使字体大小更大，那么

p{
   font-size: 15px
}
@media print {
    p{
    font-size: 20px;
    }
}

http://www.w3schools.com/css/css_mediatypes.asp

如何在HTML5中打印文档

2 个答案: