2

有没有办法将 HTML 表格转换为图像文件？我有一个 HTML 表，其中包含标签、GridView 和 CheckBoxes 等控件。我们如何将此表转换为图像文件以创建 PDF 文件？

4

4 回答 4

2

如果这是一次性的，请将其加载到浏览器中并截取屏幕截图（Windows 上的 Alt-PrtScr 仅适用于当前应用程序）

如果您需要重复/以自动化方式执行此操作，您可以自动化浏览器控件，也可以使用无头浏览器

您还应该查看WebKit2Png，它将以与 Chrome/其他 webkit 浏览器相同的方式呈现页面，然后将其保存为 png。它也可以选择模拟 javascript/etc

同样，有一个适用于所有平台的wkhtmltopdf

于 2013-03-22T16:29:17.800 回答
2

这不是一项微不足道的任务。最终，您需要一个 HTML 渲染器来将 HTML 转换为像素。

幸运的是，您不需要自己编写。您可以使用WebBrowser 控件。

您可以在文章Creating Website Thumbnails in ASP.NET中看到我为从给定 URL 提取缩略图图像而编写的一些代码。

于 2013-03-22T16:29:47.180 回答
0

将 HTML 表格转换为图像文件

            $("#selfAssessmentPowerPointDownload").on('mouseover', function () {
                var element = $("#html-content-holder"); // global variable
                var getCanvas; // global variable
                html2canvas(element, {
                    onrendered: function (canvas) {
                        getCanvas = canvas;
                        var imgageData = getCanvas.toDataURL("image/png");
                        var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
                        $("#selfAssessmentPowerPointDownload").attr("download", "gridData.png").attr("href", newData);
                    }
                });
            });
<button id="selfAssessmentPowerPointDownload">Download</button>


<table id="html-content-holder"></table>

于 2017-03-24T06:03:21.527 回答
0

Datatables是一个用于处理表格的强大 jquery 插件。数据表提供的选项之一是从您的​​表格中制作 pdf 或 excel。你可以在它的网站上找到很多例子。

于 2017-03-24T06:59:32.237 回答