使用html2canvas截图网页全页或者某个元素

1.使用html2canvas.min.js这个插件
官网&＃xff1a;http://html2canvas.hertzen.com/&＃xff0c;去这里下载就可以了
2.下面开始贴代码啦&＃xff08;只是一个简单的小demo&＃xff09;

• html代码

  截图全页

  截图print div

  aaaaa
  
  

• js代码

$(function() {

$("#only").on("click", function(event) { //event.preventDefault(); html2canvas(document.querySelector("#print")).then(function(canvas) {var dataUrl &＃61; canvas.toDataURL();var newImg &＃61; document.createElement("img");newImg.src &＃61; dataUrl;document.querySelector("#b").appendChild(newImg);}); }); $("#all").on("click", function(event) { //event.preventDefault(); html2canvas(document.body).then(function(canvas) {var dataUrl &＃61; canvas.toDataURL();var newImg &＃61; document.createElement("img");newImg.src &＃61; dataUrl;document.querySelector("#b").appendChild(newImg);}); });
});


因为一开始我截div老是报错&＃xff0c;换了个写法就可以了&＃xff0c;记录一下正确写法~