页面的一部分的 html2canvas 屏幕截图答案

【问题标题】：html2canvas screen capture for a portion of a page页面的一部分的 html2canvas 屏幕截图
【发布时间】：2012-02-18 03:24:19
【问题描述】：

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

我在这里做错了吗？（“graph”是一个 div id）

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

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

【问题讨论】：

标签： jquery html canvas

【解决方案1】：

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

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

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

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

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

编辑：删除不正确的信息

【讨论】：

使用单引号或双引号无关紧要。