问题标签 [dom-to-image]

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 回答
1033 浏览

dom - Node.CloneNode() 不是一个函数 -dom-to-image.js

我想在其中创建一个 HTML 页面的 .png 文件angularjs并下载它。为此,我目前正在使用dom-to-image.jsdomToImage.toBlob函数并将节点元素传递给它。但是在内部,当它运行时会dom-to-image.js引发错误:

node.cloneNode() 不是函数

有人可以在这里帮助我吗?

谢谢

0 投票
0 回答
134 浏览

javascript - Dom to Image 插件没有捕获正确的下拉值

我在我的角度应用程序中使用 dom-to-image 插件来捕获 div 的图片。我可以在任何地方捕获 div,除非 div 中有下拉菜单。捕获图像时,我没有捕获到选定的下拉值。我有一个下拉菜单,选项很少。每当我拍摄照片时,第一个选项就会被捕捉到照片中。

html代码

应用下载.ts

实用程序.ts

我附上了两张图片。第一个显示了 div 是怎样的。它在下拉列表中有每月。第二个图像显示了使用插件捕获的图像。它每天显示在下拉列表中,这实际上是下拉列表中的第一个选项。

这是在下拉列表中每月显示的 div

捕获的图像显示每天,这是下拉列表中的第一个选项

0 投票
0 回答
213 浏览

angular - 带有角度和离子科尔多瓦的 esc/pos 打印图像

我用我的数据创建了一个 div,并借助 domttoimage 获取图像元素并尝试将结果发送到编码器!

然后我在我的设备上得到一个错误'undefined is not a function at CanvasDither.threshold at EscPosEncoder'!也许有人知道这是什么意思?

0 投票
1 回答
443 浏览

javascript - 使用 domtoimage.toPng 为 pdf 页面内的两个 div 导出 pdf

我有两个 div (div1,div2) 我想在 pdf 第 1 页中导出 div1 并在 pdf 第 2 页中导出 div2 我的问题我只能使用 domtoimage.toPng 从它们中捕获一个 div 如何捕获两个 div 我的代码:`

0 投票
0 回答
116 浏览

reactjs - 在 ReactJs 中使用 jsPDF 下载 PDF 后,字体系列不会在生产中呈现

带有 jsPDF 下载的 ReactJS 不呈现字体系列。

jsPDF 在开发中运行良好,但在生产版本中。下载 pdf 后,我面临字体系列缺失的问题。在控制台中显示以下错误。

通过在链接标签中添加以下属性,在线找到了一些解决方案。

但似乎它需要服务器来运行代码。我发现这不是一个好的解决方案。

0 投票
0 回答
70 浏览

javascript - 从 html 模板或反应组件创建 base64 图像

我正在用 reactjs 开发一个项目。在这个项目的一部分中,我必须通过将信息放在收据模板中来打印收据。照片打印服务接收基本格式的模板。为此,我定义了一个组件并使用第三方包,我获取了所需组件的 base64 映像。我自己怎么能做到这一点?创建生成的收据模板的 base64 图像的最佳方法是什么?

0 投票
0 回答
18 浏览

javascript - 从收据模板创建 base64 图像

我正在用 reactjs 开发一个项目。在这个项目的一部分中,我必须通过将信息放在收据模板中来打印收据。照片打印服务接收基本格式的模板。为此,我定义了一个组件并使用第三方包,我获取了所需组件的 base64 映像。我自己怎么能做到这一点?创建生成的收据模板的 base64 图像的最佳方法是什么?

0 投票
0 回答
125 浏览

javascript - 使用 domtoimage 库转换图像时出错

我正在使用 domtoimage 库将 SVG 元素转换为 blob。我收到以下错误。如何排除故障是什么错误。

在此处输入图像描述

0 投票
0 回答
97 浏览

javascript - 使用 domtoimage 将包含许多标记的传单地图片段转换为图像

我通过捕获反应组件从反应页面生成一个pdf文件,然后使用dom-to-image库将它们转换为图像,然后将它们放入pdf中,它运行良好,问题是当有很多标记时代码响应请求超时错误,似乎他正在尝试捕获地图中的每个标记并导致问题,所以任何解决此问题的方法或替代方案可能会有所帮助?

地图图像

错误

代码

0 投票
0 回答
71 浏览

angular - 使用 PptxGenJS 将 domtoimage 生成的 svg 添加到 ppt 时出错

我在角度应用程序中有一个用例,将图像从 html 页面转换为 svg,然后将该 svg 插入 pptx 幻灯片中。

我正在使用另一个库https://github.com/tsayen/dom-to-image来获取 html 的 .svg,我正在尝试使用 PptXGenJS(slide.addImage()) 将其插入到 pptx 幻灯片中,但是PptxGenJS 不接受该文件格式。

有没有人也一样累?或者有没有其他方法可以实现这个用例?

谢谢你。