html2canvas相关内容

html2canvas在子div中不显示图像

我正在尝试使用html2canvas从div中创建图像 简述: 我有一个带有透明区域的图片(png) 我还有另一张图片(可以是jpg或png)，将被拖动/调整大小使用a在上面图像的透明区域内看起来不错助手div 我有一个辅助div，它的z-index值最高，并且可拖动且可调整大小 用户满意后，可以单击“完成编辑"来创建一个画布，最终结果将显示所有图像 ..
发布时间：2021-05-15 18:30:42 前端开发

html2canvas无法呈现图像(外部托管的图像)

我创建了一个游戏，用户可以从4个单独的幻灯片中挑选4张图像来创建合成图像，然后希望将其导出到我网站上的“图库"功能.我正在尝试使用html2canvas，但遇到一些问题 这是我的jquery: var shotit = function(){$('.bodyWrap').html2canvas({onrendered:function(canvas){var img = canvas.t ..
发布时间：2021-05-15 18:30:39 其他开发

拍摄< body>的屏幕截图与html2canvas并将img存储为JS var

我试图让我网站上的用户按下按钮以获取当前屏幕的屏幕快照(体内的所有内容). 根据我的研究，html2canvas似乎是使这成为可能的资源. 我的问题是文档没有提供示例代码，我正在努力掌握所涉及的步骤. http://html2canvas.hertzen.com/documentation.html 以下SO问题(如何使用html2canvas上传屏幕截图?)让我有些困惑. ..
发布时间：2021-05-15 18:30:36 前端开发

使用html2canvas打印页面

我正在使用 html2canvas 在我的网站上构建打印页面功能. function printthispage(){html2canvas($(“#mydiv")，{onrendered:功能(画布){var myImage = canvas.toDataURL("image/png");var printWindow = window.open(myImage);printWindow.d ..
发布时间：2021-05-14 20:58:44 前端开发

html2canvas z-index不起作用

我正在使用html2canvas库将div转换为png. 我有一个关于 z-index 的问题.如您在图像上看到的，我有盒子.在一个盒子里，我有一个用于背景着色的div( z-index:0 )，它随高度值而增长，一个用于数字的div( z-index:1 ).像往常一样在浏览器上可以正常工作，但是当我尝试拍摄图像时， z-index 似乎不起作用. 在浏览器上正常: 任何帮助， ..
发布时间：2021-04-26 20:33:01 前端开发

带有html2canvas的AWS S3-多个浏览器出现CORS问题

我知道已经提出了许多问题.但是我找不到解决这个问题的明确答案. 我使用 html2canvas 来截图我的页面-包含来自 amazon s3 的图像(也是Cloudfront) 我尝试了SO和html2canvas问题的几乎所有答案. 我将我的S3 CORS设置为允许所有操作，也将我的存储桶设为公开.另外，我还向所有人提供了所有人的公共访问权限(只是测试它是否有效.部署后我将阻止 ..
发布时间：2021-04-03 19:29:55 前端开发

JSPDF中的重叠文本

我有一个使用d3生成的仪表板页面，它显示带有样式和日期的不同html表.我正在使用JSPdf将表导出为最终用户的pdf，现在的问题是，当我在生产机(屏幕稍小的另一台笔记本电脑)上尝试使用pdf时，该表正在显示表，但某些文本在外部重叠它们的单元格，然后我最终看到了乱七八糟的文本，现在即使在我的屏幕中，所需要做的只是放大导航器中的结果，最后得到一个pdf文件，该pdf文件以乱序的方式显示了一些数据，任 ..
发布时间：2021-02-14 18:58:53 前端开发

HtmlToCanvas作物svg

在此处中尝试实现目标.我下载的pdf的唯一问题是右侧残酷地裁剪了图像: 我深入研究并捕获html2canvas方法导致问题不是jspdf， 那么我该如何使用html2canvas强制将svg正确地更改为png 组件: import PrintButton from "../../../components/print/print"; function QrcodeCompone ..
发布时间：2021-02-14 18:58:38 其他开发

“可能无法导出被污染的画布".在S3存储桶上设置跨原点后，问题仍然存在

下面的代码应使用html2canvas库将html转换为pdf，然后下载，但显示此错误: 无法在"HTMLCanvasElement"上执行"toDataURL":可能无法导出污染的画布 在S3存储桶上允许跨原点放置后，问题仍然存在. html2canvas(document.getElementById('compare'), { scale: ..
发布时间：2021-02-14 18:58:34 前端开发

如何使用jsPDF和HTML2Canvas从网站获取多页pdf?

我有一个脚本，该脚本使用HTML2Canvas捕获页面内div的屏幕截图，然后使用jsPDF将其转换为pdf. 问题在于生成的pdf仅为一页，并且在某些情况下屏幕截图需要一页以上.例如，屏幕截图大于8.5x11.宽度很好，但是我需要它来创建多个页面以适合整个屏幕截图. 这是我的剧本: var pdf = new jsPDF('portrait', 'pt', 'letter'); ..
发布时间：2021-02-14 18:57:49 前端开发

Firefox上的html2canvas图像问题在chrome上正常工作

我正在使用html2canvas.js，它在chrome中可以100％正常工作，而在firefox中，它没有显示div，这是我的目标div中的箭头，只是将图像转换为base64并将其通过ajax发送到服务器，我在其中保存图像并生成pdf.在chrome图像和pdf上，两者均与目标div匹配100％，而当我尝试使用mozilla时，它并没有在图像中渲染一些箭头，这是我的js代码 html2c ..
发布时间：2020-11-24 18:42:17 前端开发

无法使用jsPDF获取div内容

我试图使用jsPDF和html2canvas从HTML生成PDF.它适用于整页，但不适用于使用getElementById()的特定div.控制台显示 IndexSizeError: Index or size is negative or greater than the allowed amount html2canvas.js:2859 这是我的剧本 ..
发布时间：2020-11-24 18:41:14 前端开发

正确的html2canvas代理脚本

我正在尝试获取 html2render ( http://html2canvas.hertzen.com/)以在我的网站上工作.它适用于基本内容-但没有图像显示(因为它们位于cdn.domain.com子域上). 我一直在阅读，似乎不喜欢其他域名.我找到了两个PHP代理脚本: https://github.com/brcontainer/html2canvas-php-proxy h ..
发布时间：2020-11-24 18:41:10 其他开发

使用nodejs对html2canvas的类似解决方案

我正在使用css，jquery和nodejs(带有ejs和express)创建网站，我需要导出一个包含一些文本的div和一些具有背景图像的div作为图像(jpg或png)，但是最好是pdf.我尝试使用html2canvas，但随后我读到它与nodejs不兼容. 我也尝试使用jspdf，但它不会在pdf文件中导出css. 因此，我想知道是否有人知道可以使用nodejs做到这一点的解决方案. 以 ..
发布时间：2020-11-24 18:41:09 前端开发