//文件需要引入html2canvas.js、jquery.js
function downLoadImg(){
var element = $(".orgchart"); // 这个dom元素是要生成img的div容器
var w = element.outerWidth(); // 设置该容器的宽
var h = element.outerHeight(); // 设置该容器的高
var canvas = document.createElement("canvas");
canvas.width = w; // 设置画布宽&&高
canvas.height = h ;
var offsetTop = element.offset().top; // 获得该容器的上偏移量
var offsetLeft = element.offset().left; // 获得该容器的左偏移量
var context = canvas.getContext("2d"); context.translate(-offsetLeft, -offsetTop); var opts = {
canvas: canvas,
width: w,
height: h
}
html2canvas(element, opts).then(function (canvas) {
setTimeout(function(){
let a = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
a.href = canvas.toDataURL('image/png',1.0)
a.download = '下载'
a.click()
},100)
}) }

最新文章

  1. C/C++中const的用法 分类: C/C++ 2015-07-05 00:43 85人阅读 评论(0) 收藏
  2. 进程间通信方式与Binder机制原理
  3. dubbo 教程
  4. nnnaaavvv
  5. js 微信分享
  6. iOS VideoToolbox硬编H.265(HEVC)H.264(AVC):2 H264数据写入文件
  7. mongoose的用法(注:连接数据库)
  8. ssh配置导致Ansible并发失败
  9. 用CSS让文字居于div的底部
  10. nodejs 搭建 RESTful API 服务器的常用包及其简介
  11. Android开发技巧——自定义控件之自定义属性
  12. Android自动化框架介绍
  13. java web后台工作原理
  14. 各数据库连接maven配置
  15. php项目踩到的empty函数的一个坑
  16. UEditor自动调节宽度
  17. [LeetCode&Python] Problem 669. Trim a Binary Search Tree
  18. 《C++反汇编与逆向分析技术揭秘》之十——构造函数
  19. 个人学习jQuery笔记
  20. Mysql Fabric实现学习笔记

热门文章

  1. C++入门经典-例3.21-goto语句实现循环
  2. 查看线程的cpu占用率
  3. JS基础_Null和Undefind
  4. python - jpype模块,python调用java的接口
  5. Django测试环境环境配置
  6. Promise.then链式调用
  7. 禁用linux的密码策略
  8. linux下mongodb程序和c++客户端的编译
  9. centos7.5 安装python3.7
  10. 跨域常见解决方案jsonp,cors示例