如何使用jquery在word文档中下载div作为图像。div包含一些图表

如何使用jquery在word文档中下载div作为图像。div包含一些图表

这是我的部门。 我试着这样做。但是它只显示图像中的文本，而不是图像中的文本。 $export.clickfunctionevent{ $generalogy.wordExport； }; 您可以将此作为如何执行此操作的示例：

$(function() { 
    $("#btnSave").click(function() { 
        html2canvas($("#widget"), {
            onrendered: function(canvas) {
                theCanvas = canvas;
                document.body.appendChild(canvas);

                // Convert and download as image 
                Canvas2Image.saveAsPNG(canvas); 
                $("#img-out").append(canvas);
                // Clean up 
                //document.body.removeChild(canvas);
            }
        });
    });
}); 

它所依赖的.js文件也可以在该JSFIDLE上找到

只是要小心浏览器支持

---

您可以修改该代码，以将PNG作为字节数组/blob获取，然后使用生成文档。

要作为word文档而不是图像下载。图像应在word文档中导出。添加了有关如何执行此操作的更多信息。问题是图像应以word documnet格式导出或保存。