如何使用JS打印HTML部分？

Question

我正在使用html2Canvas.js将HTML元素转换为画布，然后将画布转换为图像使浏览器可以进行打印，这是打印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+'"/>');