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

php - html2canvas 保存图像不起作用

我正在使用 html2canvas 0.4.0 渲染屏幕截图,并希望将其保存为我的网络服务器上的图像。

为此,我编写了以下函数:

JavaScript

保存JPG.php

渲染画布后,我可以将其完美地附加到 HTML 正文中,但将其保存在我的服务器上会导致(?)文件损坏。

我可以在 IrvanView 中读取尺寸,但图像是透明/空的?该文件大小约为 2.076 KB。所以它并不是真正的空。

我也用 JPEG 尝试过,它导致文件损坏,并且 IrfanView 说类似“伪造的标记长度”。

屏幕截图的尺寸为 650x9633。POST 方法的数据量很大吗?

0 投票
1 回答
513 浏览

php - 我可以使用什么 php 下载脚本将画布作为 png 保存到本地计算机?

我希望能够仅使用 php 下载脚本将 html2canvas 下载到图像文件中。该页面有一个带有形状的滑动条供用户选择练习。需要捕获显示结果的网页并将其保存到图像文件中。

下面是我在 html 代码中使用的嵌入脚本。

我为 downloader.php 文件尝试了下面的脚本。我只得到一个名为 downloader.php.png 的空白图像文件,请帮助!

0 投票
2 回答
12502 浏览

javascript - 从 html2canvas 打开 base64 图像

我正在尝试实际查看 html2canvas 正在呈现的字符串图像。我有一个从超链接打开的网页。我想最后使用图像按钮来截取网页的屏幕截图。我正在获取 base64 字符串,但如何查看字符串图像?

0 投票
2 回答
14355 浏览

javascript - 如何使用 JavaScript 或 jQuery 截取谷歌地图?

我想使用 JavaScript 在我的 html 文件中拍摄谷歌地图的“截图”。

该地图当前正在加载div标签,因此我无法使用此<div>标签获取图像。

但是如果我可以在画布中加载它,<canvas>那么我可以很容易地截取它,任何人都可以告诉我这个问题的解决方案 - 也就是说,我如何在画布中加载谷歌地图。

或者有什么替代解决方案吗?

0 投票
1 回答
2338 浏览

javascript - 地图标记未在屏幕截图中捕获

我一直在尝试如何捕获地图的屏幕截图。终于设法使用 Html2Canvas 在 Chrome 上工作,捕获屏幕截图功能。

我最初缺少 proxy 和 useCORS 属性。现在的问题是只捕获了基本地图,而没有捕获绘制在其上的标记。地图上的叠加层也是如此。他们也没有被捕获。我怎样才能让它工作????任何帮助都会很棒!!!

提前致谢,

0 投票
1 回答
11893 浏览

javascript - 跨域资源共享策略拒绝跨域图像加载

我使用 html2canvas(来自 html2canvas.hertzen.com)来捕获屏幕截图。我收到了这样一个奇怪的错误:我的网页代码放在一个主机上,比如主机 A。如果我的网页包含另一台主机上的图像,比如主机 B,那么我遇到了这个错误:跨域图像加载被拒绝跨域资源共享政策

但是,令人困惑的部分是,如果主机 B 是 facebook(我的图像是 facebook 的直接链接 https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q.jpg),那么错误就会消失。

我的功能

有人有小费吗?Tks

解决方案

0 投票
2 回答
26013 浏览

javascript - HTML2Canvas 将溢出的内容转换为图像

我有一个非常溢出的 div。它基本上包括一个大的组织结构图。我想要做的是使用 html2canvas 库导出 div 的全部内容而不是可见部分,但到目前为止我无法实现。以下代码不会呈现完整内容。有没有办法实现它?

我正在使用 BasicPrimitives 库来生成组织结构图。它需要一个 div 并向其中插入所有元素。由于我的图表比较大,它会从容器中溢出。Xhtml代码如下:

0 投票
0 回答
1715 浏览

html - html2canvas 不适用于 chrome 中的 @font-face 字体

我正在使用http://html2canvas.hertzen.com/将我的 html 转换为画布。这是一个很棒的脚本。
它适用于英文字体......但我正在使用 gujrati 字体。我包括来自 css 的字体(@font-face)
它在 Firefox 中运行良好,但在 chrome 中它不显示确切的字符。
这段代码中是否缺少任何选项?

0 投票
1 回答
1562 浏览

jquery - html2canvas 调用导致 jQuery click 需要两次单击才能使函数工作

我已经阅读了所有具有相同问题但没有成功的问题。
我试过trigger(), unbind('click'), on('click', function()), live('click'), 等等

我的问题是我必须在保存按钮上单击两次以验证并将数据提交到数据库并返回消息'success''fail'以显示错误消息。

查询

PHP db_prox.php

0 投票
1 回答
1659 浏览

javascript - HTML5 视频或 JavaScript 变量作为 HTML2Canvas 的输入

我已经在 StackOverflow 和 Google 周围寻找了解决这个问题的方法,但到目前为止还没有运气。从 Django 获得一个包含动态呈现内容的 HTML 页面。一切都适用于标准文本和图像,但有时它也会显示 HTML5 视频元素,该元素在屏幕截图中显示为黑色图像,仅此而已。添加海报并没有帮助。有谁知道是否有可能实际截取 html5 视频元素的屏幕截图?(不是flash等)如果不是,我的第二种方法是创建一个带有html内容的js变量,然后用从视频的海报属性创建的图像替换视频。之后将该 js 变量发送到 html2canvas 进行截图。这样做的原因是我不能改变用户的页面外观,所以我需要以某种方式在后台做这些事情。想法是使用

然而,这只会一直给我Uncaught TypeError: Cannot read property 'images' of undefined,所以这个想法失败了......有谁知道如何让它真正起作用,或者可能有任何其他想法如何为了 html2canvas 屏幕截图而用图像替换视频,但用户没有看到任何变化网站?非常感谢提前!!!