问题标签 [html2canvas]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
7 回答
582520 浏览

javascript - 使用 HTML5/Canvas/JavaScript 在浏览器中截屏

Google 的“报告错误”或“反馈工具”可让您选择浏览器窗口的一个区域来创建屏幕截图,并提交您对错误的反馈。

谷歌反馈工具截图 Jason Small 的屏幕截图,发布在重复的问题中。

他们是怎么做到的?Google 的 JavaScript 反馈 API 从这里加载,他们对反馈模块的概述将展示截图功能。

0 投票
3 回答
25568 浏览

javascript - 如何使用 html2canvas 上传屏幕截图?

使用html2canvas如何将屏幕截图保存到对象?我一直在探索demo,看到生成截图的函数生成如下:

我尝试做的是

然后,我将它传递给我的upload()函数。我遇到的问题是,我不知道在html2canvas()库中截屏的位置或返回它的函数。我已经尝试使用SO 的这个答案转换画布对象(尽管我不确定我是否需要这样做)。


我刚刚问了一个关于如何将文件上传到imgur的问题,那里的答案(尤其是 @bebraw 的)帮助我了解我需要做什么。

upload()函数来自 Imgur 示例 api 帮助:

0 投票
4 回答
11523 浏览

javascript - 如何记住滚动位置并向后滚动

我正在使用 html2canvas 库,当我调用 html2canvas.Parse() 时,页面滚动到顶部。

我想如果我能在调用 html2canvas.Parse() 之前记住这个位置,那么我可以回到原来的滚动位置。

  1. 获取浏览器滚动的当前位置(特别是垂直)?
  2. 滚动回我之前存储的位置?
0 投票
0 回答
327 浏览

php - 帆布谷歌地图问题

我有一个项目正在进行,需要像谷歌这样的反馈。我已经完成了一半。我可以在画布元素上绘制任意数量的矩形(它们被绘制)。但是,当我在编码和解码(base 64)后将画布保存为服务器端的图像时;我只得到我绘制的矩形,而不是我拥有的整个屏幕。我在背景中有一个谷歌地图,但它没有出现在屏幕上。我想我必须先在画布上绘制整个 HTML,但我该怎么做呢?非常感谢您的帮助。

0 投票
1 回答
22350 浏览

javascript - 如何使用 html2canvas 代理

我正在使用 html2canvas 插件来生成网页快照。问题是在本地主机上一切正常,但是当部署在远程服务器上时,我收到以下错误:无法从画布获取图像数据,因为画布已被跨域数据污染。

我找到了一个应该可以工作的插件:https ://github.com/niklasvh/html2canvas-proxy

问题是我不知道怎么用!

这里提出了类似的问题,但仍然没有答案:https ://github.com/niklasvh/html2canvas/issues/61

0 投票
3 回答
8105 浏览

javascript - 使用 html2canvas 截屏并将 img 存储为 JS var

我试图让我网站上的用户按下按钮来截取当前屏幕的屏幕截图(正文中的所有内容)。

根据我的研究,html2canvas 似乎是一种使这成为可能的资源。

我的问题是文档没有提供示例代码,我正在努力掌握所涉及的步骤。

http://html2canvas.hertzen.com/documentation.html

以下 SO 问题(如何使用 html2canvas 上传屏幕截图?)让我有点困惑。我现在只想知道如何获取图像。

从他的代码。

在这一点上,我迷失了图像的位置,甚至迷失了如何/何时创建它。我会担心稍后将其发送到服务器。

任何信息表示赞赏。谢谢!(甚至需要html2canvas?)

0 投票
5 回答
56560 浏览

javascript - 使用 html2canvas 创建网页截图(无法正确初始化)

我正在尝试使用http://html2canvas.hertzen.com/截取我的网页截图。我无法使用...初始化画布元素

如果我能够获得合适的画布,我会遵循类似的东西

不幸的是,IMO 的文件非常有限。http://html2canvas.hertzen.com/documentation.html。我不相信我需要预加载,因为我没有使用任何动态图形(但无论如何都没有走那么远)

我太菜鸟了,不明白这个人是否在使用 html2canvas 进行屏幕捕获方面取得了成功

我似乎没有比这家伙走得更远.. 如何使用 html2canvas 上传屏幕截图?

我理想的解决方案将演示如何用最少的代码创建屏幕截图。(将 html 复制到画布。获取 toDataURL 字符串。输出字符串)

任何见解都非常感谢=)

0 投票
1 回答
2223 浏览

javascript - 使用 html2canvas 获取 div 的屏幕截图并显示图像

我已经阅读了有关 html2canvas 的所有主题,但我仍然不明白。我只有 1 个包含要转换为图像的内容的 div 和 1 个应该执行此操作的“PrintScreen”按钮。那么该怎么做呢?我几乎尝试了我找到的每一个片段,但仍然一无所获......任何帮助都会非常感激和感激!

0 投票
2 回答
15108 浏览

javascript - html2canvas 教程?

我想使用 html2canvas 但我不知道如何。

没有冒犯 Hertzen,他编写了一个很棒的脚本,但文档不完整,所以它相当没用。

我查看了 JSFeedback,但整个脚本(我不得不从 HTML 源代码中“窃取”)仅适用于他的 html2canvas 版本,在评论中,他说尚未准备好开源。

任何帮助将不胜感激 - Apparatix。

0 投票
2 回答
4707 浏览

php - html2canvas 输出选定的 div PHP

这段代码几乎可以工作
,这会将整个页面输出为 jpg
问题:我怎样才能只抓取里面的内容'#myDiv'并将其输出为 jpg 文件?

JS:

postIO.php:

这里参考