Question

我正在开发Angular 5中的pdfviewer。我的html页面如下所示：

使用canvas元素显示pdf内容。以下代码段用于打印按钮。

＆＃13;

<button  (click)="print()" title="Print" >
                  <span data-l10n-id="print_label">Print</span>
</button>

＆＃13;

print(){
    window.print();
  }

＆＃13;

当我点击它时，就是现在正在打印整页。像Bolow一样：

我想只打印pdf内容而不是整个hmtl页面。有没有办法做到这一点？

非常感谢!!

Answer 1

您可以添加用于打印网页的css文件

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

在此css文件中，您可以隐藏打印时不想显示的元素。

或者您可以在打印不推荐

之前隐藏元素

<强>更新由于它在你的css文件上有角度应用，你可以像这样提到

@media print{
  .no-print{
    display: none;
  }
}

然后你可以在你不想打印的每个元素上添加no-print类。