问题标签 [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.
javascript - 使用 HTML5/Canvas/JavaScript 在浏览器中截屏
Google 的“报告错误”或“反馈工具”可让您选择浏览器窗口的一个区域来创建屏幕截图,并提交您对错误的反馈。
Jason Small 的屏幕截图,发布在重复的问题中。
他们是怎么做到的?Google 的 JavaScript 反馈 API 从这里加载,他们对反馈模块的概述将展示截图功能。
javascript - 如何使用 html2canvas 上传屏幕截图?
使用html2canvas如何将屏幕截图保存到对象?我一直在探索demo,看到生成截图的函数生成如下:
我尝试做的是
然后,我将它传递给我的upload()
函数。我遇到的问题是,我不知道在html2canvas()
库中截屏的位置或返回它的函数。我已经尝试使用SO 的这个答案转换画布对象(尽管我不确定我是否需要这样做)。
我刚刚问了一个关于如何将文件上传到imgur的问题,那里的答案(尤其是 @bebraw 的)帮助我了解我需要做什么。
该upload()
函数来自 Imgur 示例 api 帮助:
javascript - 如何记住滚动位置并向后滚动
我正在使用 html2canvas 库,当我调用 html2canvas.Parse() 时,页面滚动到顶部。
我想如果我能在调用 html2canvas.Parse() 之前记住这个位置,那么我可以回到原来的滚动位置。
- 获取浏览器滚动的当前位置(特别是垂直)?
- 滚动回我之前存储的位置?
php - 帆布谷歌地图问题
我有一个项目正在进行,需要像谷歌这样的反馈。我已经完成了一半。我可以在画布元素上绘制任意数量的矩形(它们被绘制)。但是,当我在编码和解码(base 64)后将画布保存为服务器端的图像时;我只得到我绘制的矩形,而不是我拥有的整个屏幕。我在背景中有一个谷歌地图,但它没有出现在屏幕上。我想我必须先在画布上绘制整个 HTML,但我该怎么做呢?非常感谢您的帮助。
javascript - 如何使用 html2canvas 代理
我正在使用 html2canvas 插件来生成网页快照。问题是在本地主机上一切正常,但是当部署在远程服务器上时,我收到以下错误:无法从画布获取图像数据,因为画布已被跨域数据污染。
我找到了一个应该可以工作的插件:https ://github.com/niklasvh/html2canvas-proxy
问题是我不知道怎么用!
这里提出了类似的问题,但仍然没有答案:https ://github.com/niklasvh/html2canvas/issues/61
javascript - 使用 html2canvas 截屏并将 img 存储为 JS var
我试图让我网站上的用户按下按钮来截取当前屏幕的屏幕截图(正文中的所有内容)。
根据我的研究,html2canvas 似乎是一种使这成为可能的资源。
我的问题是文档没有提供示例代码,我正在努力掌握所涉及的步骤。
http://html2canvas.hertzen.com/documentation.html
以下 SO 问题(如何使用 html2canvas 上传屏幕截图?)让我有点困惑。我现在只想知道如何获取图像。
从他的代码。
在这一点上,我迷失了图像的位置,甚至迷失了如何/何时创建它。我会担心稍后将其发送到服务器。
任何信息表示赞赏。谢谢!(甚至需要html2canvas?)
javascript - 使用 html2canvas 创建网页截图(无法正确初始化)
我正在尝试使用http://html2canvas.hertzen.com/截取我的网页截图。我无法使用...初始化画布元素
如果我能够获得合适的画布,我会遵循类似的东西
不幸的是,IMO 的文件非常有限。http://html2canvas.hertzen.com/documentation.html。我不相信我需要预加载,因为我没有使用任何动态图形(但无论如何都没有走那么远)
我太菜鸟了,不明白这个人是否在使用 html2canvas 进行屏幕捕获方面取得了成功
我似乎没有比这家伙走得更远.. 如何使用 html2canvas 上传屏幕截图?
我理想的解决方案将演示如何用最少的代码创建屏幕截图。(将 html 复制到画布。获取 toDataURL 字符串。输出字符串)
任何见解都非常感谢=)
javascript - 使用 html2canvas 获取 div 的屏幕截图并显示图像
我已经阅读了有关 html2canvas 的所有主题,但我仍然不明白。我只有 1 个包含要转换为图像的内容的 div 和 1 个应该执行此操作的“PrintScreen”按钮。那么该怎么做呢?我几乎尝试了我找到的每一个片段,但仍然一无所获......任何帮助都会非常感激和感激!
javascript - html2canvas 教程?
我想使用 html2canvas 但我不知道如何。
没有冒犯 Hertzen,他编写了一个很棒的脚本,但文档不完整,所以它相当没用。
我查看了 JSFeedback,但整个脚本(我不得不从 HTML 源代码中“窃取”)仅适用于他的 html2canvas 版本,在评论中,他说尚未准备好开源。
任何帮助将不胜感激 - Apparatix。