问题标签 [html2canvas]

我正在使用 html2canvas 来获取网页的屏幕截图并将其呈现为缩略图（嗯，400x300，不完全是缩略图）。

基于屏幕截图控制台代码，除缩略图部分外，一切都很好。

如何将图像尺寸设置为 400x300？在萤火虫中，我将属性定位为：<canvas style="width: 973px; height: 2184px;" width="973" height="2184"></canvas>. 但是，我无法在我的代码（如下）或 html2canvas.js 中找出硬编码 400x300 参数的位置。

截图.html：

这是我正在使用的脚本

HTML

现在它正在生成 html 正文内容的屏幕截图

我需要调整图像大小并（存储在/上传到）本地服务器

我下载了html2canvas javascript 插件，它允许我在客户端（浏览器）上截取网页的屏幕截图，但我无法弄清楚我应该在页面标题中包含哪些文件以使用它，我已经看到了有关如何使用它的示例，但是我应该包含哪些文件？

我想使用 html2canvas 但在文档中如何使用它还不够清楚。我应该包括哪些库？那么这种和平的代码正是我所需要的吗？代理呢？以及如何在拍摄后保存屏幕截图？

我正在尝试使用 html2canvas 0.34 保存网站的屏幕截图。

但我不知道截图保存在哪里，如何将截图存储到我的数据库中，或者用新窗口打开图像。

我的代码如下：

我想将图像的屏幕截图存储到数据库中或在另一个窗口中打开。

非常感谢。

我想截取拖放结果的屏幕截图，但我不知道该怎么做。

实际上，我找到了 2 个 javascript 并使用 HTML5，例如html2canvas和canvas2image。

我现在将它们组合在一起，但 canvas2image 仍然遇到一些问题。

有同样经验的请帮我解决这个问题，非常感谢。

请帮帮我，我已经在这里存货好几天了。

拖放代码。

图像生成代码

HTML 代码

我有一个 javascript 小书签，它创建元素的屏幕截图并将其保存为 base64 编码的字符串。

现在，我需要将该图像/字符串发送到我自己的服务器以保存它。唯一的问题是它有 6000 多个字符长，或大约 61 KB，使它GET返回到我的服务器是不现实的。

是否有某种外部服务会以某种方式将其检索回我的服务器上？如何将此图像发送到我的服务器？

我不应该看到以该网页作为图像打开的新窗口吗？我错过了什么？

我正在使用 jquery 和 codeigniter 创建一个自定义毕业偷配置器。我现在已经得到了我想要的一切，我的计划是在他们单击添加到购物车按钮时使用 html2canvas 截取被盗 div 的屏幕截图。我需要将此图像传递给隐藏的输入值或其他东西，以便我可以将图像写入服务器。

被盗配置器可以在这里查看：自定义被盗配置器。当您单击“添加到购物车”按钮时，它当前会生成被盗的图像，并且看起来它工作得很好。

我只是坚持使用最佳方式或任何方式将该图像的 URL 放在隐藏的输入中，或者以某种方式将图像移动到文件夹并写入路径。

我这样做的目的是，在购物车中可以有一个指向“自定义偷窃预览”的链接，当他们点击它时，它会显示这个画布渲染。

任何关于我如何实现这一点的帮助都会有很大帮助。谢谢。

顺便说一下，这里是做屏幕截图的 JS：

});

编辑：

在使用 html2canvas 时，我有一个stackDOM 对象（包含各种东西的相对定位的 div），我希望为其创建单独的缩略图。因此，如果有十个 div，我将创建十个缩略图。

其中一些对象将在屏幕外——这些 div 中的每一个都位于一个名为“mainDiv”的包含 div 中。我遍历 mainDiv 中的 div 并分别在每个 div 上执行 html2canvas。

对于那些在屏幕上的人来说，这很好用。那些不在屏幕上的则不会——它们会返回空白。我创建了一个解决方法，将对象滚动到mainDiv.

是否可以指定不可见的 DOM 对象？理想情况下，我希望能够指定一个包含 div 并html2canvas忽略父可见性，所以我可以屏幕捕获隐藏的对象，但除此之外，我希望能够屏幕捕获简单地滚动到屏幕外的对象.

有什么想法、想法吗？谢谢！

---- 这是一些示例代码。基本上，如果您在一个 div 中有一堆 div，请遍历它们。我实际上这样做recursively是为了一次只处理一个，回调调用递归函数，所以它看起来像这样：

一旦递归调用完成，它就会执行回调函数，该函数将对图像进行处理。

同样，只要对象在包含#mainDiv 中所有 div 的滚动 div 中可见，所有这些都可以正常工作。但是，一旦滚动了 div 的任何部分，它们就会呈现黑色。事实上，如果两个 div 的一半被滚动（一个的上半部分，下一个的下半部分），它们都呈现完全黑色。