问题标签 [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.
javascript - DataUri 数据保存到 bunnycdn
我的 datauri 数据开始像data:image/png;base64,. 我试图将数据上传到 CDN，如他们的网站https://docs.bunny.net/reference/manage-files所示，但是当文件没有存储为图像但它存储为一个文件时datauri 代码在那里。
任何人都可以请帮助我使用nodejs将domtoimage datauri作为图像文件存储到bunny cdn。
javascript - 如何使用 JavaScript 从传单地图（带有 webGL 热图层）生成图像？
我有一个功能，我需要使用一些多边形和标记来渲染传单地图。我能够使用domtoimage并能够使用以下代码将整个地图提取为图像
现在我们使用WebGL Heatmap添加热图。这会将热图呈现为地图元素中的画布。domtoimage 功能无法获取嵌套画布并生成图像。domtoimage 文档说明了嵌套画布的以下内容：
如果您要渲染的 DOM 节点包含一个在其上绘制的元素，则应该对其进行处理，除非画布被污染 - 在这种情况下，渲染将不会成功。
有什么方法可以使用热图数据从传单地图中生成图像？
javascript - 生成的图像质量低
我有这个简单的代码
我在我的简单项目中使用了 Dom to Image JavaScript Library，但我面临的是生成的图像质量太低，比如 SVG 可以无限缩放但 PNG 的质量非常低，我尝试{style: {transform: "scale(2)"}}在我的函数中使用这个选项，domtoimage.toPng但我的图像是只是溢出到一无所有。
有没有办法改变生成图像的高度或宽度，使其质量高
当我使用transform样式时，我生成的图像看起来像这样
javascript - SecurityError：无法从“CSSStyleSheet”读取“cssRules”属性
我有这个简单的代码
此代码使用名为DomToImagehtml-output的 JavaScript 库将我的 id 的 div 转换为 Png但是当我使用FontAwesome图标时，我的控制台出现错误说
从https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css读取 CSS 规则时出错SecurityError：无法从“CSSStyleSheet”读取“cssRules”属性：无法访问规则
javascript - 将 dom-to-image jpg 保存到 localStorage
假设我有以下代码使用 dom-to-image 库将表格元素导出为 JPG。
我想将此代码创建的 JPG 保存到 localStorage，而不是将其保存在用户的设备上。如何实现？谢谢！
javascript - dom-to-image 添加剪辑文本
我正在将剪辑文本样式添加到dom-to-image，因为chrome必须使用-webkit-background-clip样式来暴露文本剪辑效果，但是dom-to-image使用cssText会清除-webkit-background-clip样式.
它是一个替换背景并添加背景剪辑的补丁。
问题是，如果我有一个没有剪辑的背景，它就不起作用，因为这个解决方案假定所有背景渐变都需要 -webkit-background-clip 。
这是使用剪辑文本呈现的
不需要剪辑并且它被覆盖（未渲染）
所以我应该添加一个条件来检查是否必须添加剪辑文本：
仅当样式应具有剪辑文本效果时，如何替换背景剪辑？
angular - 在 Ionic Angular 中打印多个二维码
我在 Ionic 有一个网页，它使用二维码生成二维码。代码来自 NodeJS 端点，我相应地在 Ionic 应用程序的前端生成代码。到目前为止，我可以轻松生成二维码并单独打印它们。
HTML
从我的 NodeJs 端点，我可以得到多达 10,000 个启用分页的代码。所以这被照顾了。
我想从端点打印所有二维码，而不考虑分页。我可以有哪些选择？就像 printAll 按钮会从端点获取所有代码并将它们发送到打印机。
javascript - 将 HTML 转换为原始尺寸的图像
我一直在尝试将我的反应代码中的 HTML 节点转换为 Image 并在之后下载它。我们可以使用几个库来为我们执行这项工作，例如 html-to-image、dom-to-image。但问题是这些库以视图大小而不是原始大小下载图像。如果我有一个响应式 HTML div，它会随着窗口大小展开和缩小，我想将该 HTML 转换为原始尺寸的图像。我怎样才能做到这一点？
javascript - Angular 12：c.getComputedStyle 不是函数
我正在使用新的dom-to-image库，当我尝试在toPng组件内部调用该方法时遇到此错误。
LeafletMap 存在于我的组件 HTML 中，当我记录它时，它包含一个 HtmlNativeElement
image - 使用无法在 Safari 中工作的图像转换 SVG
我想将带有图像的 SVG 转换为 png。在 Firefox 和 Chrome 中，一切正常，但在 Safari 中，转换忽略了 SVG 中的图像。
我正在使用的库是 html-to-image （html2canvas 给了我相同的结果）
这是一个codepen（脸是图像） https://codepen.io/RainPara/pen/MWvqZNz
也许有人可以帮助我