jquery - 页面一部分的 html2canvas 屏幕截图

Question

我尝试使用 html2canvas 为屏幕的一部分生成屏幕截图，但它生成了整个文档的图像。

我是不是做错了什么？ ("graph"是一个 div id)

$("#graph").html2canvas();

此外，如何将生成的图像保存到指定元素以外的其他位置？

Answer 1

您能否通过将图像保存到其他位置来阐明您的意思？如果我理解您的要求，假设您使用的是“jquery.plugin.html2canvas.js”，您需要编辑该文件中的“$canvas.css”行，以指定要将 Canvas 对象附加到的位置。

您可能会考虑的一个选择是将其附加到正文，但将 css 设置为“display: none”，这样该对象就不会一直显示。然后，在 css 属性之后，您可以放入自己的函数来操作 Canvas 对象。

$canvas.css({width: '500px', height: '500px', display:'none'}).appendTo(document.body);
$canvas.attr('id', 'canvasObj');
manipulateCanvasFunction(document.getElementById('canvasObj'));

这会将完整的 Canvas 对象发送到您的“manipulateCanvasFunction”，您可以对 Canvas 对象做任何您想做的事情。

您可以查看 this一些其他想法的问题线程。

编辑:删除不正确的信息