Question

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

Answer 1

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

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

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

同样，有wkhtmltopdf适用于所有平台

Answer 2

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

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

您可以在文章Creating Website Thumbnails in ASP.NET中看到我编写的一些代码，用于从给定的网址中提取缩略图。

Answer 3

将HTML表格转换为图像文件

＆＃13;

            $("#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);
                    }
                });
            });

＆＃13;

<button id="selfAssessmentPowerPointDownload">Download</button>


<table id="html-content-holder"></table>

＆＃13;

Answer 4

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

将HTML表转换为图像文件

4 个答案: