如何使用js或jquery在html中捕获屏幕截图[重复]

我需要我的客户能够使用如下按钮捕获我网站任何页面的屏幕截图：

<button>Take screenshot</button>

我尝试使用 html2canvas 但它对我来说不能正常工作，因为我的网站中有 iframe 并且它会导致一些会话问题。

有人有解决方案吗？

我查遍了谷歌，没有找到对我有很大帮助的东西。

看着那（这html2canvas项目。他们的方法是在画布内创建页面的表示。他们不会制作实际的屏幕截图，而是根据页面上的内容和加载的样式表构建它。它可以用于整个body或者只是一个特定的元素。

它也非常容易使用。这是一个例子：

html2canvas(document.body, {
  onrendered: function(canvas) {
    document.body.appendChild(canvas);
  }
}); 

您可以相对容易地使其适应您的代码。

看看他们的demo。单击任意按钮，然后滚动到页面底部。