html2canvas 相关问题

html2canvas是一个JavaScript HTML呈现库,可让您根据DOM获取网页的“屏幕截图”。

为什么 html2pdf.js 包会出现 left-margin 和 overlap 问题?

我尝试用 html2pdf 制作 pdf 文件。它在某些时候工作得很好,但我有两个主要问题。 首先,当我选择渲染的元素比窗口视图大时......

回答 1 投票 0

实时网页截图

我正在尝试使用 html2canvas 截取远程网页/外部域的屏幕截图 我的代码 var url = "https://example.com"; // 替换成你要截图的网页的URL 变种...

回答 0 投票 0

如何设置渲染图像的大小

我对如何指定 html2canvas 生成的图像的大小感到困惑。例如,我希望能够让我的 DIV 保持 400px x 400px 但渲染图像为 1200px x 120 ...

回答 2 投票 0

HTML2Canvas 没有下载我的 pdf 文件

window.onload = 函数 () { document.getElementById("下载按钮") .addEventListener("点击", () => { const invoice = this.document.getElementById(&q...

回答 0 投票 0

画布图像处理

有没有办法让这条白色的小路变成像路一样的图案。我正在尝试任何可能的解决方案,但事实证明它真的很复杂。如果你能建议一个图书馆或一个关于如何实现的逻辑

回答 0 投票 0

矩形图像旋转问题。 Canvas2d

我遇到了旋转矩形图像的问题,正方形的一切都很好,但矩形的就不行,然后图像缩小或超出画布 ` rotateCanvas(c...

回答 0 投票 0

nextjs 中的 html2canvas - 字母掉到底部

我想使用 html2canvas 将组件保存为图像。 我创建了一个这样的代码的组件。 从“反应”中导入反应,{useState,useRef}; 从“html2canvas&

回答 0 投票 0

onclone(html2canvas)期间应用更改后屏幕截图的垂直裁剪

html2canvas 非常适合截取屏幕截图,但目前无法在 textAreas 中捕获较长的文本或在多选中捕获多个变量。请参阅 https://github.com/niklasvh/html2canvas/issues/

回答 2 投票 0

使用 html2Canvas 获取我网站元素的屏幕截图并将其发送到 Blazor 服务器 [关闭]

我用 html2Canvas 截图 dataUrl = canvas.toDataURL("图像/png"); 或者 canvas.toBlob((blob) => {...} 我想将它发送到 Blazor Server 之类的...

回答 0 投票 0

如何使用 html2canvas 在 Naver 地图上捕获折线?

在这里输入图片描述 当我按下下面的按钮时,文件被捕获并保存,但粉红色的折线没有保存。我应该怎么办? 喜欢 在此处输入图像描述 ` 当我按下下面的按钮时,文件被捕获并保存,但粉红色的折线没有保存。我该怎么办? 喜欢 ` <div id="map" style="width: 600px; height: 600px;"></div> <br> <button onclick="capture();">캡쳐</button> <script> var map = new naver.maps.Map('map',{ center: new naver.maps.LatLng(37.4923615, 127.0292881), zoom:11 }) var rectangle = new naver.maps.Rectangle({ strokeColor: '#ff00ff', strokeOpacity: 0.8, strokeWeight: 2, fillColor: '#ff00ff', fillOpacity: 0.35, bounds: new naver.maps.LatLngBounds( new naver.maps.LatLng(37.5924988, 127.1291527), new naver.maps.LatLng(37.5315893, 127.2149296)), clickable: true, map: map }); function capture(){ var input = document.querySelector("#map"); html2canvas(input,{ allowTaint: true, useCORS: true }).then((canvas) => { var dataURL = canvas.toDataURL('image/png'); var img = new Image(); img.src = dataURL; var link = document.createElement('a'); var str = 'asdffdas' link.download = String(str).substring(0,4)+'naver-map.png'; link.href = dataURL; link.click(); }); } </script> `

回答 0 投票 0

不同形状的 HTML Canvas

我创建了一个 HTML Canvas,我检查过它的所有地方都有一些宽度和高度,但我希望我的画布具有某种形状,例如可以转换为 ...

回答 2 投票 0

使用jspdf导出pdf时图片在两页之间被截断

我创建了用于导出 PDF 的 SPFx React 功能组件。 我使用 JSPDF 导出 pdf。当我尝试导出 PDF 图像时,两页之间被截断了。请参考以下屏幕...

回答 0 投票 0

Html2canvas jspdf剪掉图片

我想在我的项目中制作一个元素的pdf,但图像一直在右边被切掉。我使用jspdf和html2canvas,这是我想要的,这是我的pdf。如你所见,...

回答 1 投票 0

发送html2pdf pdf或html2canvas图片到邮箱。

我有两个PHP页面。第一个是用户输入数据的表单,当提交后,第二个页面创建了一个div,使 "发票"。这个页面有选项可以将发票保存为PDF或IMG。

回答 1 投票 0

使用 PHPMailer 和 html2pdf 通过电子邮件发送 PDF 数据。

我试图通过电子邮件发送PDF或PNG,但似乎没有任何工作。下面是我的最后一次尝试,我已经阅读了每一个单一的文章在这里的SO和没有看到工作的建议,有人可以请......

回答 2 投票 0

从访问卡图像中提取带有坐标的标志和文字。

我有一张访问卡,我想从访问卡中获取带有坐标的标志和所有文本,这样我就可以在HTML画布上对上传的图片进行编辑。

回答 1 投票 -1

html2canvas - 在不显示页面的情况下渲染图片。

我有一个$_POST的php API,我从请求中获取API密钥和QR代码。然后,我的php服务器生成html代码,并使用

回答 1 投票 -1

如何在不从前端下载的情况下,将用jsPDF创建的PDF发送至API。

下面的代码工作得很好,在前端生成PDF并成功下载。但我对如何使用fetch或Axios在API中把它发送到服务器感到困惑。找不到任何...

回答 1 投票 0

如何用HTML2canvas在另一个div中显示捕获的图片

目前,当我按下按钮时,捕捉到的图片会显示在HTML的正文中。但我如何使捕获的图像只显示在另一个id为"... "的div中。

回答 1 投票 0

使用html2canvas和JSPdf将图像从顶部切掉。

我正在使用jspdf和html2canvas从html创建一个多页的PDF,但我的图像被切断小从顶部一侧。我尝试了所有可能的解决方案,从不同的论坛,但没有成功。以下...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.