Question

我使用Jquery和一些Css生成饼图和进度条。但是当我尝试使用简单的JS函数打印特定div时，文本值反映正确但形状/大小没有反映在打印窗口上。

这是我的饼图Div图像：

enter image description here

这是我尝试打印时的div :(打印结果）

enter image description here

我的简单JS打印功能是：

function printdiv()
{       
    var newstr=document.getElementById("reportBody").innerHTML;
    //reportBody div contains this graph
    var header='<header><div align="center"><h3 style="color:#EB5005">  </h3></div><br></header><hr><br>'
    //var footer='<footer class="footer1" id="footer">footer</footer> '
    var footer ="";

    var popupWin = window.open('', '_blank', 'width=800,height=600');
    popupWin.document.open();
    popupWin.document.write('<html> <body onload="window.print()">'+ newstr + '</html>' + footer);
    popupWin.document.close(); 
    return false;
}

那么如何在我的打印div中获取该颜色部分或者我需要将该div转换为Image然后打印它？即使我试图打印进度条也会出现同样的问题。

谢谢！

Answer 1

您可能还需要在打印窗口中包含css和js。我看到你只通过了标记。

您还应该尝试html2canvas

Div内容（饼图，进度条）未在打印窗口中反映出来

1 个答案: