html2canvas相关内容

Jspdf addHTML页面拆分选项正在拉伸页面

我已经在互联网上尝试了所有的方法,这是我最后一次尝试,看看这是否可能。 我正在处理的是一个长的和动态的html,我必须将其转换为多页pdf。我尝试了addhtml和addImage方法,但没有得到预期的结果。 Addhtml:当我使用Pages Split选项时,它会拉伸所有页面。我也尝试在选项中提供宽度和高度,但它停止显示。 Addimage:这仅在1页上显示图像,也没有在2页上拆分图像 ..
发布时间:2022-09-20 15:21:34 前端开发

画布图像的大小因桌面和移动设备的不同而不同

嘿,我创建了这个站点:http://dst.dstealth.com以帮助使用html2canvas从HTMLdiv元素自动生成PNG图像。我的html2画布是用静态宽度n高度初始化的。 现在,当我在Chrome等桌面浏览器上使用网站时,它会以876 x 434像素的大小生成并保存图像,这是我想要的输出。 但当我在我的Android Chrome浏览器上执行完全相同的操作时,它会生成一 ..
发布时间:2022-06-16 20:57:53 其他开发

生成 div 的图像并另存为

我想创建一个输入按钮“保存图像": 截取 div 的屏幕截图 要求在用户的计算机上“另存为" 我发现了如何使用 html2canvas 创建潜水屏幕并在新标签中打开它,它可以完美运行: 函数 printDiv2(div){html2canvas((div), {渲染:函数(画布){var img = canvas.toDataURL();窗口.打开(img);}});} 但对你来 ..
发布时间:2022-01-21 08:42:17 前端开发

Three.js 截图

我需要制作网站截图.我尝试使用 html2canvas 和所有它的工作.但问题是我正在使用 THREE.WebGLRenderer 和 THREE.CSS3DRenderer(用于 webgl 中的 html)......所以当我制作屏幕截图时,它只从 WebGLRenderer 制作图像.CSS3DRenderer 被忽略,我不知道如何从两个渲染器制作屏幕截图.我正在使用这个解决方案:截取 ..
发布时间:2021-12-31 18:59:41 前端开发

HTML2canvas 生成模糊图像

我正在使用 jsPDF,它使用 html2canvas 从一些 html 元素生成图像并插入到 .pdf 文件中.但是 html2canvas 有一个问题,它从 html 生成模糊的图像.请参见下面的示例: HTML 内容: http://puu.sh/7SZz4.png html2canvas 生成的图像: http://puu.sh/7SZAT.png 有什么办法 ..
发布时间:2021-12-21 08:23:24 前端开发

html2canvas 不适用于 Google Maps Pan

我正在使用 html2canvas 将我的在线地图另存为图像(请参阅另存为图像链接).我已经在 Firefox、Chrome 和 Opera 中尝试过. 如果您不更改默认地图,它往往会更频繁地工作.如果缩放然后平移地图,则不太可能起作用.地图将平移,但 html2canvas 将使用旧的中心点和地图边界.并且 html2canvas 将无法为新地图边界加载地图图块. 地图平移正确,但 ..
发布时间:2021-12-10 21:44:59 前端开发

使用 HTML5/Canvas/JavaScript 在浏览器中截取屏幕截图

Google 的“报告错误"或“反馈工具"允许您选择浏览器窗口的一个区域来创建屏幕截图,并随您对错误的反馈提交. Jason Small 的截图,发布在一个重复问题中. 他们是怎么做到的?Google 的 JavaScript 反馈 API 从这里和他们对反馈模块的概述将演示截图功能. 解决方案 JavaScript 可以读取 DOM 并使用 canvas 呈现相当准确的表示. ..
发布时间:2021-11-30 22:16:53 前端开发

Angular 7 项目的 Esri 代理截图

我的团队目前正在开发具有 angular 7 前端和 .net core 2.1 后端的 Web 应用程序.我需要做的一项任务是抓取屏幕截图并将其附加到电子邮件中.Web 应用程序有一个 esri-map. 为了捕获屏幕截图,我使用了 html2canvas 包.除了不捕获 esri 地图内容的部分外,它按预期工作.它捕获除 esri-map 之外的所有其他内容. 对于 html2ca ..
发布时间:2021-11-17 01:38:06 前端开发

Html2Canvas ...谷歌地图未呈现

我正在运行 Apache 服务器.我使用 Html2canvas 设置了一个简单的屏幕捕获.捕获功能正在呈现一个空白图像.我已经尝试了多种方法来使用本站点中的相关文章配置 javascript 以失败.代码全部正常工作并经过测试,因为我可以在“加载谷歌地图 API 之前捕获图像.谢谢你,任何建议将不胜感激. ..
发布时间:2021-09-23 20:50:20 前端开发

是否可以在网页中截取 iframe 的屏幕截图?

我正在尝试对网页中的 iframe 进行屏幕截图.在我的特殊情况下,iframe 包含我客户商店之一的街景.据我搜索和阅读,我没有找到任何解决方案. 我知道有像 Html2Canvas 和 Canvas2Image 这样的 JavaScript 库,但它们无法捕获 iframe. 这里是我正在做的小提琴. 这些库与每个 HTML 元素都能正常工作,iframe 除外. 这是 ..
发布时间:2021-09-23 19:55:40 前端开发

如何在 HTML 中像普通 javascript 一样使用 NPM 包

我想在我的应用程序中使用 html2canvas JS 库.通过在我的 HTML 文件中直接加载 html2canvas.js 文件,我能够在我的应用程序中使用旧版本的 html2canvas. 但新版本仅通过 npm 包支持. 当我尝试在我的 HTML 文件中包含更新的 html2canvas.js 时,它说 html2canvas 未定义 我曾尝试修改 html2can ..
发布时间:2021-09-23 19:28:26 前端开发

如何拍摄包含视频和画布的div的屏幕截图?

注意:这不是重复的,因为我没有发现与拍摄视频和画布的屏幕截图有关的任何问题,并且我尝试了html2canvas 我们有一个div,内部包含视频元素和画布.视频用于流式传输,画布用于在该视频上绘制任何内容.现在,如果我截取div的屏幕快照,它必须包含视频帧和图形.我没有找到任何办法.我尝试了html2canvas,但它只给出了canvas的屏幕截图.下面是代码. HTML: ..
发布时间:2021-05-15 18:30:54 前端开发

html2canvas无法呈现CDN图像

我正在尝试使用html2canvas获取屏幕截图.它可以很好地处理文本,但不能渲染CDN图像,如果我将图像托管在服务器中,则可以正常工作,但是如果尝试从CDN链接加载图像,则这些图像无法渲染. 我的代码是: index.php ..
发布时间:2021-05-15 18:30:47 其他开发