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

javascript - IE8 上的 html2canvas 和 flashcanvas 无法正常工作

我使用 html2canvas 库制作表格的 png 图像。

它适用于 Chrome、Firefox 和 Safari。

代码如下:

当我用IE8 打开页面时,页面不起作用。

我读过我应该使用 flashcanvas,所以我添加了 flashcanvas 库并在页面中添加了这一行:

所以,当我用 IE8 打开页面时,库 flashcanvas.js 被加载了!

但问题依然存在!IE8 告诉我:

谁能帮我?

0 投票
1 回答
4259 浏览

javascript - html2canvas 外部网站截图

我什至不知道如何做到这一点,而且 html2canvas 的文档在这部分并没有真正的帮助。

我可以用这段代码截取我的 html 截图:

但我希望能够传递一个 url 并制作此页面的屏幕截图。就像他们在示例页面中所做的那样:http: //html2canvas.hertzen.com/screenshots.html

如果有人能给我一个提示如何开始,我会很高兴。

0 投票
2 回答
6423 浏览

javascript - Html2Canvas 无法在谷歌浏览器上运行

我有以下代码,它在 Firefox 上运行良好,但由于某种原因,图像没有在 Chrome 上呈现,有什么想法吗?

0 投票
2 回答
3148 浏览

image - html2canvas 更改 div

我对在画布 div 中显示屏幕截图的 html2canvas 有疑问。

实际上图片将显示在

但我喜欢在我的画布上显示代码

在内联 javascript 中,我可以更改 div 容器 ID,但我不知道如何更改代码以获取 canvas 元素中的图像。

0 投票
1 回答
14452 浏览

svg - html2canvas 可以在页面中呈现 svg 吗?

我正在使用 html2canvas 创建包含 SVG 的 HTML 页面的“屏幕截图”。一切看起来都不错,除了元素。我知道应该可以在 Canvas 中渲染 SVG;PhantomJS、fabric.js 和 CanVG 做到了。

这是 html2canvas 不支持的东西吗?还是我做错了什么,这应该可行?

如果这还没有实现,那么扩展html2canvas(使用canvg)的最佳方法是什么?

0 投票
1 回答
1828 浏览

javascript - html2canvas 插入多个元素进行渲染

html2canvas 可以发送多个元素(document.body 除外)吗?说如果我不想只基于页面中的几个元素生成图像,并且有几个元素我不想渲染.. 我该如何编辑这段代码?

顺便说一句,window.open 意味着我不想在不同的页面上显示图像,同时不干扰原始 html 数据。

0 投票
1 回答
1152 浏览

php - Html2Canvas Appsot 服务器宕机

我为客户创建了一个自定义产品配置器,该客户使用 html2canvas 在自定义产品后生成产品图像。它以前工作得很好,但现在我意识到它正在尝试调用:html2canvas.appspot.com 并返回 404 错误。这是我的代码:

我的问题是……我如何修改此代码,使其根本不调用 html2canvas.appspot.com。我在堆栈上阅读了很多内容并进行了很多谷歌搜索,我听说因为我的图像和所有内容都在我的页面上,所以我不需要“代理”网址。但是我尝试添加代理:false,代理:'',和代理:未定义,它仍然不断向那里发出调用。

如果您想看到它的实际效果并触发它或其他任何东西:http ://stoles.com/stoles/page/customStole

用户名是:alex 密码是:superman

如果单击“添加到购物车”,您会看到它在 firebug 的 JS 窗格中引发 404 错误。

我对此感到茫然,因此不胜感激。

0 投票
2 回答
2271 浏览

php - php中的html2canvas自定义代理

这是我在这里的第一个问题,所以很好......

我正在尝试使用html2canvas最终获取远程站点的屏幕截图(用户提交的 url)。

问题是跨域安全功能。我无法从画布上读取,因为它被场外资产锁定。

解决方案是使用库中内置的代理功能。

有一些带有python和 node.js 版本的 github 项目,但我需要在 php 中完成。

关于如何实现该功能以及如何使其工作的主题有很多,但没有一个真正解释如何制作自己的代理。

我的问题有两个方面,PHP 中有没有现有的解决方案?如果没有,我有几个关于自己制作的问题:1.)代理的输出格式是什么?json对象?渲染的图像?base64 编码的数据字符串?2.) 这些文件是否需要保留在服务器上,或者它们是否可以被渲染然后消失(覆盖)?

这大致是我的想法:

0 投票
8 回答
23056 浏览

html2canvas - 如何在html2canvas中使透明颜色变为白色而不是黑色?

我正在尝试使用 html2canvas 截屏:

我身体的背景是透明的,因此由于 jpeg 的 urlData 具有黑色背景(不像浏览器中的白色)。
在这种情况下,如何解决此问题并使背景颜色变为白色?

0 投票
8 回答
236119 浏览

javascript - 使用 html2canvas 将 div 捕获到图像中

我正在尝试使用将 div 捕获到图像中html2canvas

我在这里读过一些类似的问题

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

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


我试过代码

并且canvasRecord将在被调用undefined.html2canvas()


还有这个

浏览器给出了一些(确切地说是 48 个)类似的错误,例如:


顺便说一句,我使用的是 v0.34 并且我已经添加了参考文件html2canvas.min.jsjquery.plugin.html2canvas.js

如何将其div转换canvas为以捕获图像。

2013 年 3 月 26 日编辑

我发现Joel 的例子很有效。

但不幸的是,当我的应用程序中嵌入谷歌地图时,会出现错误。