其实很简单,

首先需要两个js文件

  jquery.min.js

  html2canvas.js

  直接上代码,几行就解决了

<a  id="example1" onclick="exportGrid()" >导出图表</a>
//导出图表
function exportGrid() { html2canvas($("#exportGrid"), {
allowTaint: true,
taintTest: false,
onrendered: function (canvas) {
//canvas.id = "mycanvas";
//document.body.appendChild(canvas);
//生成base64图片数据
var url = canvas.toDataURL();
//以下代码为下载此图片功能
var triggerDownload = $("<a>").attr("href", url).attr("download", (new Date()).getTime() + "girds.png").appendTo("body");
triggerDownload[0].click();
triggerDownload.remove();
}
});
}

解决了你的问题的话,点个赞呗

  

最新文章

  1. weblogic配置数据源
  2. 2016 年 50 个最佳的轻量级 JavaScript 框架和库
  3. 从UWP到SWIFT - TableBarController 和 Pivot
  4. JS魔法堂:LINK元素深入详解
  5. jelq
  6. homepage左边的导航菜单怎么做的?
  7. HTML: margin詳解
  8. C#中Struct与Class的区别
  9. 浅谈HAL
  10. HTML5与CSS3基础教程第八版学习笔记7~10章
  11. git some cookies
  12. jquery uploadify插件多文件上传
  13. UIDatePicker的使用
  14. VMWare给macos虚拟机扩容方法
  15. css js 兼容问题
  16. mail命令
  17. 水平方向margin:auto
  18. sublime text3 配置
  19. .net验证是否合法邮箱和ip地址的方式
  20. 《Spring1之第十次站立会议》

热门文章

  1. vue中循环时动态绑定值
  2. Swift3.0 数组(Array)
  3. ZOJ3352【记忆化搜索】
  4. lightoj 1422【区间DP&#183;分类区间首元素的情况】
  5. 洛谷P4717 【模板】快速沃尔什变换(FWT)
  6. [Xcode 实际操作]一、博主领进门-(11)代码区的样式设置,设置模拟器启动的声音
  7. 自然语言处理(三)——PTB数据的batching方法
  8. C语言提高代码效率的几种方法
  9. day03 内部类
  10. 在Mac上安装Ubuntu14.04虚拟机