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

javascript - html2canvas 保存为 jpeg 而无需在浏览器中打开

我正在尝试创建一个屏幕抓取按钮来创建用户的图像document.body

理想情况下,用户可以选择将图像在本地保存为.jpeg.

我正在接近使用html2canvas库创建我需要的功能。

为了验证这是否有效,我一直img在新的浏览器窗口中打开变量。图像没有完全渲染,我猜这是因为它的长度超过 30,000 个字符。

我怎样才能更好地为用户提供在onrendered活动结束后在本地保存画布的选项?

0 投票
1 回答
159 浏览

php - 通过 xhr javascript 发送和接收图片

我正在尝试在我的网站 (PHP) 中使用 feedback.js(基于 html2canvas),以便让用户将当前屏幕截图发送到我的电子邮件。但我不知道如何使用 XHR ,JSON ......这对我来说都是新的

以下是它的发送方式:

我如何接收此 url 中的数据,以及如何将其作为图片发送到我的电子邮件?

0 投票
2 回答
3505 浏览

javascript - 是否可以在没有 CSS3 的情况下旋转 HTML 对象?

我正在构建一个应用程序,在其中使用html2canvas javascript 库创建特定 div 的画布元素。问题是它不支持 CSS3 旋转属性,因此如果图像在应用程序中旋转 html2canvas 无法正确呈现(它不应用旋转)。

那么,是否可以在没有 CSS3 的情况下旋转 HTML 对象?

0 投票
1 回答
2367 浏览

php - html2canvas:捕获远程网站的屏幕截图

伙计们,

我是 js 新手,我无法捕获和截取远程网站的屏幕截图。有人能指出我正确的方向吗

我不断收到此错误:

Uncaught TypeError: Object [object Object] has no method 'html2canvas' index.php:4201 capture index.php:4201 onclick

我的代码是 index.php

0 投票
3 回答
1369 浏览

javascript - 画布作为具有最大压缩率的字符串?

我有一个 PNG 图像并获得了它的 Base64 PNG 字符串表示。它仍然很大,我想知道它是否可以进一步压缩。这甚至可能吗?

背景

我正在使用 html2canvas 创建当前网页的屏幕截图,将其转换为 base64(使用 canvas.toDataURL())字符串并将其发送到服务器。但如果该字符串大小太大,服务器将返回异常。

以字符串形式压缩画布的最有效方法是什么?

非常感谢任何帮助。提前致谢。

0 投票
0 回答
2312 浏览

jquery - html2canvas 保存 SVG

我有一个网站,我可以在一个页面中点击一个 png 并加载一个 SVG 外部。使用颜色选择器我可以改变它的颜色,通过可拖动和调整大小我可以改变我的 SVG 的位置和尺寸。
现在我想用 html2canvas 保存这个 SVG。
我知道 html2canvas 不支持 SVG,为此我必须使用 canvg。
但是,当我保存时,如何使用 canvg 转换我的动态 SVG?
因为我希望图像不会改变位置颜色或尺寸。
有可能吗?
如何使用 canvg 转换我的 dinamuc SVG?

这是我的代码(我已经简化了,因为它非常复杂)
JQUERY:

HTML:

0 投票
0 回答
1760 浏览

javascript - html2canvas 的奇怪问题

我正在使用 html2canvas 插件来捕获页面的屏幕截图。当我使用以下代码时它工作正常:

在 document.ready 中,但是当在 document.ready 外部使用时,例如单击按钮时,我不断收到与插件相关的代理问题,例如加载资源失败:服务器响应状态为 404。

0 投票
1 回答
3884 浏览

javascript - 使用 HTML2Canvas 将 Div 内容捕获到图像而不返回任何内容

我正在使用此代码使用 html2canvas 捕获显示在 Div 中的图像:

该代码工作并打开一个新的浏览器窗口,其 URL 为 base64 格式,但图像不可见。

为什么图像不可见?

0 投票
0 回答
814 浏览

php - 从javascript上传的服务器ajax下载图像

我目前使用 html2canvas 来获取 div 作为图像。

然后,我想下载该图像(到浏览器默认下载目录)

但这似乎不起作用。如果我执行 file_put_contents("downloadedPic", $unencodedData) 图片成功保存在我的服务器上。

我需要不同的标头配置吗?

0 投票
1 回答
2602 浏览

php - 由于跨域图像,html2canvas OnRender 失败

我想要通过 html2canvas 截取当前页面的截图。但是,代码显示“此处”,然后停止第二个警报功能未触发

在萤火虫中出现以下错误:

我认为这是因为图像来自另一个域,但我没有找到任何解决方案。