1

我正在使用 html2Canvas.js 将 HTML 元素转换为画布，然后将画布转换为图像使其浏览器兼容打印，这是打印 HTML 的正确方法吗？我发现图像是在任何打印机中获得类似打印的最佳方式。

4

2 回答 2

0

如果将此代码添加到您的 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+'"/>');
于 2012-11-27T11:22:05.857 回答
0

您可以使用 javascript 功能进行打印

<div onlick='window.print()'>Print</div>
于 2012-11-27T10:59:40.930 回答