将HTML表格转换为图像文件

本文关键字：图像 文件 转换 HTML 表格 | 更新日期: 2023-09-27 18:05:15

是否有办法将HTML表转换为图像文件?我有一个HTML表，其中包含标签、GridView和复选框等控件。如何将此表转换为图像文件以创建PDF文件?

将HTML表格转换为图像文件

这不是一项简单的任务。最后，您需要一个HTML渲染器将HTML转换为像素。

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

你可以看到我写的一些代码，从一个给定的URL中提取缩略图的文章在ASP.NET中创建网站缩略图。

如果这是一次性的，请将其加载到浏览器中并截图(在windows上仅针对当前应用程序按Alt-PrtScr)

如果你需要以一种自动的方式重复地做这件事，你可以使用自动的浏览器控件或者你可以使用一个无头浏览器

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

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

将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>

datatable是一个功能强大的jquery表插件。数据表提供的选项之一是从您的表生成pdf或excel。你可以在它的网站上找到很多例子

相关文章：