问题标签 [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 投票
2 回答
27922 浏览

javascript - ajax InvalidStateError:试图使用一个不可用或不再可用的对象

非常奇怪的问题...我正在尝试将多个值传递给帖子中的方法。只要我不作为对象发布,它就可以正常工作。但是当我尝试作为对象发布时,我得到了错误

未捕获的 InvalidStateError:尝试使用不可用或不再可用的对象。

这是代码

这有效

但这行不通

我不确定为什么当我尝试将它作为对象发送时它会抱怨

0 投票
2 回答
4691 浏览

jquery - 当 div 的位置是绝对的时获取屏幕截图

当 div 的位置是绝对的时,如何获取屏幕截图?
我收到错误:“未捕获的 IndexSizeError:索引或大小为负,或大于允许的值”我想添加 png 图像,一个取决于另一个,所以我使用了 z-index
我的 html:

CSS:

查询:

0 投票
0 回答
544 浏览

javascript - 使用 html2canvas 的网站截图并调整其大小

我试图从外部网站捕获屏幕截图,然后调整其大小以在我的页面中插入结果。我使用 html2canvas 但我不明白如何制作外部页面的屏幕截图然后调整它的大小。我试过这样:

但它不起作用有人对我有什么建议吗?

提前致谢

0 投票
0 回答
380 浏览

.htaccess - 从受污染的画布中导出跨域图像?

我真的很想使用http://html2canvas.hertzen.com/因为它真的是一个单行器。有没有人设法做到这一点?

请告诉我要在 .htaccess 中放入什么,以及需要将什么选项传递给 html2canvas。

0 投票
4 回答
15375 浏览

html2canvas - 如何在截屏前删除某些元素?

我可以使用下面的示例代码截取页面截图:

现在,当我截取屏幕截图时,我不想成为页面的一部分?我怎样才能防止它们成为屏幕截图的一部分。

我认为的一种方法是克隆元素然后删除元素,但是对克隆进行截图会产生白屏。这是我使用的代码:

0 投票
1 回答
2391 浏览

javascript - TypeScript 和 Html2Canvas?

有谁知道 Html2Canvas 库是否有可用的 TypeScript 定义文件(d.ts)?

Html2Canvas 是一个很棒的库,用于使用 JavaScript 截取浏览器的屏幕截图。有关更多详细信息,请参阅https://github.com/niklasvh/html2canvas

0 投票
3 回答
6429 浏览

javascript - 三.js 截图

我需要制作网站截图。我尝试使用 html2canvas 和所有它,它正在工作。但问题是我正在使用 THREE.WebGLRenderer 和 THREE.CSS3DRenderer(用于 webgl 中的 html)......所以当我制作屏幕截图时,它只从 WebGLRenderer 制作图像。CSS3DRenderer 被忽略,我不知道如何从两个渲染器制作屏幕截图。我正在使用这个解决方案: 使用 html2canvas 截取 <body> 并将 img 存储为 JS var

0 投票
2 回答
16614 浏览

html2canvas - html2canvas 根本不工作

这是不起作用的代码。基本上我允许用户在 div 中编辑一些文本,然后显示它的屏幕截图。有人可以告诉为什么它不起作用吗?

0 投票
1 回答
1012 浏览

javascript - 使用 html2canvas 在文件夹中生成图像的数组图像

我将所有子图像 src 存储在 Array 中,我已经创建了示例模板,并且在数组循环中我正在更改 src,他们希望将它们转换为 image 。但只有最后 4 个数组值保存为图像。这是ajax问题还是什么?

HTML 代码:

jQuery代码:

PHP代码:

0 投票
3 回答
1527 浏览

javascript - html2canvas Google Map - 地图保持移动位置

因此,我一直在尝试找到将 Google Map (v3 API) 保存为图像的最有效方法。起初我尝试使用 snapshopcontrol.js,效果很好,但是我有一些地图上有超过 150 个标记,因此超出了 URL 限制。

接下来,我使用 html2canvas 尝试了以下代码,它确实创建了地图的图像,但是一旦 html2canvas 呈现它,地图的位置就会发生变化,我的标记现在悬停在看起来是 lat 0 lng 0 的地方。

如果地图不会移动并保持在正确的位置,那将是完美的。任何人都可以解释为什么会这样吗?

应用 html2canvas 之前的屏幕截图 在应用 html2canvas 之前

应用 html2canvas 后的屏幕截图 应用 html2canvas 后

更新 在我的 JS 控制台中,它说

“XSS 审核员拒绝执行“http://....”中的脚本,因为在请求中找到了它的源代码。审核员已启用,因为服务器既未发送“X-XSS-Protection”也未发送“内容” -Security-Policy 标头。”

“跨域资源共享策略拒绝了跨域图像加载。” “数据:图像/png;base64,iV…………”