文章/答案/技术大牛

发布

社区首页 >问答首页 >将任何图表、表和任何内容导出到Angular2项目中的图像中

问将任何图表、表和任何内容导出到Angular2项目中的图像中
EN

Stack Overflow用户

提问于 2017-05-25 10:31:36

回答 1查看 1.5K关注 0票数 1

我正在从事Angular2项目，在该项目中，我实现了以下内容：

jQxGrid (http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/index.htm#demos/jqxgrid/defaultfunctionality.htm)
转角表
nvd3盒图图(https://nvd3-community.github.io/nvd3/)
jQxDonut图(series.htm)

我想要实现通用代码，它可以将HTML / div / table /任意图表导出到PNG/JPEG中。

有什么最简单的方法在角2中实现导出功能吗？

我看到了下面的链接，并试图实现它，但没有运气。

https://github.com/tsayen/dom-to-image#usage

Render HTML to an image

https://www.aspsnippets.com/Articles/Convert-Export-HTML-DIV-or-Table-to-Image-using-HTML-Canvas-in-ASPNet-using-C-and-VBNet.aspx

https://codepedia.info/convert-html-to-image-in-jquery-div-or-table-to-jpg-png/

angular2-services

export-to-image

jquery

html

回答 1

Stack Overflow用户

发布于 2017-05-25 11:03:36

您可以使用 library，它将允许您将任何DOM部分保存为画布：

该脚本允许您直接在用户浏览器上拍摄网页或其部分的“屏幕截图”。

下面是一个如何编写代码的示例：

html2canvas($("#widget"), {
  onrendered: function(canvas) {
    $("#img-out").html("");
    theCanvas = canvas;
    document.body.appendChild(canvas);
    $("#img-out").append(canvas);
  }
});

我是Fiddle。

您可以在 website中找到更多的示例。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44178274

复制

相似问题

问将任何图表、表和任何内容导出到Angular2项目中的图像中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将任何图表、表和任何内容导出到Angular2项目中的图像中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将任何图表、表和任何内容导出到Angular2项目中的图像中
EN