如何保存其中包含 GridView 和 Charts 的 div 的屏幕截图？答案

【问题标题】：How to save screenshot of div which contains GridView and Charts inside it?如何保存其中包含 GridView 和 Charts 的 div 的屏幕截图？
【发布时间】：2018-01-09 11:56:14
【问题描述】：

如何将div的内容保存在pdf或jpg文件中，其中包含GridView和Charts？我尝试过使用 ITextShat，但它不适用于 gridview 和图表。

【问题讨论】：

您不是指屏幕截图（包括浏览器栏和开始菜单等，由用户按 PrtScr 生成），您的意思是如何将页面内容捕获为 PDF .我想问题是它不包含图像吗？有关建议，请参阅google.co.uk/…。到目前为止你尝试了什么？除非这些事情是作为 SVG 元素来完成的？
您可以使用具有默认导出选项（Excel、csv、pdf、打印）的“jQuery DataTable”（nuget 中可用的库）来代替“Gridview”。网址：datatables.net
@ADyson ：不是 Prntscrn 的东西，我希望 div 中的所有内容都保存在 pdf 文件的 jpg 中。我尝试使用 Itextsharp 第三方工具将内容导出为 pdf 。但它不适用于 GridView 和图表。
@ChandanKumar : 实际上这些东西已经实现了，现在我需要再添加一个导出功能。所以，我不能用 jquery 数据表更改 gridview。
"Not Prntscrn thing"...我知道，这就是为什么我建议你不要使用那个短语，它的意思并不能描述你想要的东西。无论如何，您是否查看了我发布的链接中的建议？您还应该显示您当前的代码，以防有明显的错误。

标签： javascript c# jquery asp.net asp.net-charts

【解决方案1】：

使用 jsPDF 生成 div 的 pdf。

https://github.com/MrRio/jsPDF

var doc = new jsPDF({
  //pdf config goes here
})

var myDiv=$('.myDiv').html();
    doc.text(myDiv, 1, 1);
    doc.save('your_div.pdf');

【讨论】：

感谢 Iniamudhan，这很有效。我将根据我的需要搜索更多详细信息以进行配置。如果你知道的话，你能分享一些好的链接吗？