如何使用JS打印HTML部分？

Question

我正在使用html2Canvas.js将HTML元素转换为canvas，然后将canvas转换为图像使其适合浏览器打印，这是打印HTML的正确方法吗？我发现图像是在任何打印机上获得类似打印效果的最好方法。

Answer 1

您可以使用javascript函数进行打印

<div onlick='window.print()'>Print</div>

Answer 2

如果将此代码添加到css中：

.toPrint {
  display:none;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

@media print {
   * {
    display: none !important;
  }

  .toPrint {
    display: block !important;
  }

}

当您想要更新打印视图时，请使用以下代码：

/** code borrowed from @MicrosoftGoogle */
var canvas = document.getElementById("mycanvas");
var img    = canvas.toDataURL("image/png");

if (document.getElementsByClassName("toPrint")) {
  document.getElementsByClassName("toPrint")[0].src = img;
else
  document.write('<img class="toPrint" src="'+img+'"/>');