问题标签 [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 回答
1927 浏览

javascript - 如何从此 javascript 函数返回值

我正在使用html2canvas,我有下一个功能

现在,我想返回数据值,所以我尝试了这个

但是当我看到控制台时,我得到“未定义”。如果我放入console.log(data);函数imgBase64中,我会得到图像的 base64,但我需要data 从该函数中取出另一个函数。有任何想法吗?谢谢。

0 投票
1 回答
1857 浏览

javascript - 无法使用 Javascript 回调时

我知道您不应该在 Javascript 中进行阻塞,而且我从来没有无法重构而不必这样做。但是我遇到了一些我不知道如何处理回调的东西。我正在尝试将 Downloadify 与 html2canvas 一起使用(这仅适用于 IE,下载数据 URI 在 IE 中不起作用)。您必须指定一个数据函数,以便 Flash 对象知道要下载什么。不幸的是,html2canvas 是异步的。我需要能够等到 onrendered 事件被填写后才能获取数据 URI。

我愿意接受有关其他方法的建议,但我被困住了。

编辑- 一些评论表明需要更多关于 Downloadify 的信息(https://github.com/dcneiner/Downloadify)。Downloadify 是一个 Flash 对象,可用于触发浏览器的另存为窗口。downloadify() 函数只是简单地初始化 Flash 对象并<object/>在元素中粘贴标签。由于它是一个 Flash 对象,因此您无法从 Javascript 触发事件而不会导致安全违规。

我将它用于 IE 仅用于下载 Canvas 元素的图像。在所有其他浏览器中,我可以只使用数据 URI,但 IE 是一朵特殊的花。

0 投票
4 回答
19342 浏览

jquery - html2canvas 错误:未捕获错误:IndexSizeError:DOM 异常 1

我正在使用 html2canvas 在画布上转换 div。像这样:

我收到此错误:html2canvas.js 中的“未捕获错误:IndexSizeError:DOM 异常 1”

有谁知道发生了什么?

0 投票
1 回答
5167 浏览

html2canvas - html2canvas 用于具有来自同一来源的多个图像的 html 页面

我在一个 html 页面中有多个图像。我想使用 html2canvas 将页面转换为图像。图像是本地的并且来自同一来源。它总是不断显示错误消息 “无法从画布获取图像数据,因为画布有被跨域数据污染。”

相同的代码适用于一个图像或同一图像的多个副本。

我不确定错误消息是什么意思。另外,如果有人可以告诉我如何使用多个图像进行此操作,那将非常有帮助

0 投票
8 回答
7829 浏览

jquery - 使用 html2canvas 进行阿拉伯语编码

我正在使用html2canvasdiv 的图像,内容来自同一页面,同一域,但它显示阿拉伯字母断开连接,似乎 html2canvas 不支持阿拉伯语。

当我在其网页上阅读有关它的可用详细信息时,我没有找到任何有用的信息。

这是我使用的简单代码:

html2canvas 如何呈现 div

任何线索?

0 投票
3 回答
7126 浏览

jquery - 通过 html2canvas 将 div 转换为图像(内部带有 img 的 div 元素)不捕获图像

html2canvas用来转换divimage/png. It works fine when there is a text in selected divbut I have an image in it. 因此,当我单击按钮时,我无法在创建的图像中看到base64图像html2canvas

我的代码是这样的;

这是我的脚本:

这是我的身体:

0 投票
1 回答
8697 浏览

php - 带有 html2canvas 的 div 的屏幕截图。发送到 php,保存:损坏的图像

我生成画布并将其传递给 php,因此:

图像.php:

下载.php:

问题是图像已生成,当我单击下载链接时,下载被强制但无法打开图像(似乎已损坏)

我错过了什么?

可以在这里测试:http: //toniweb.us/div2img/

0 投票
2 回答
12744 浏览

javascript - Html2Canvas 中的 HTML 字符串

我们如何将有效的 HTML 字符串传递给 html2canvas?

例如

在http://html2canvas.hertzen.com/screenshots.html上完成的方式

Html2canvas 真的很棒,但它的文档记录很差。

0 投票
3 回答
8383 浏览

javascript - 循环html2canvas

我在尝试在 for 循环中实现 html2canvas 脚本时遇到了一些麻烦。

我正在编写一个 Javascript 函数,它使用数据数组来修改一组元素的样式,将容器 div 捕获为画布,将其转换为图像,将其附加到文档正文,然后继续下一个数组的索引。

我遇到麻烦的部分是在循环的最后:

通过逐步浏览脚本,我发现它没有等待画布被渲染,然后继续进行 for 循环的下一次迭代,这导致我试图捕获的元素发生变化,但每个被渲染的图像看起来完全一样(作为数组中的最终索引)。

有没有办法在画布渲染时延迟脚本一秒钟?我尝试过使用setTimeout(),但似乎找不到任何其他延迟脚本的方法,我不熟悉这onrendered部分代码的工作原理。

如果我的解释不清楚,我会尽快准备一些合适的例子。

0 投票
3 回答
9309 浏览

jquery - html2canvas - SecurityError: The operation is insecure

I have used html2canvas.js in my project for convert my element(body) into canvas and then convert canvas to image. My element contains images that load from cross domain. Canvas create from element is working perfectly, but when try to canvas.toDataURL("image/png"); it gives error SecurityError: The operation is insecure Please help me to solve this issue. canvas.toDataURL("image/png"); is working fine when image not load from cross domain.

Thanks in advance.