问题标签 [canvg]

我已经编写了一个将图表保存为图像的函数。下面我提到了我编写的代码：HTML：

文案：

当我点击保存按钮然后得到下面提到的错误：

任何人都可以建议我在哪里做错了。

我正在使用html2Canvas库并尝试使用以下代码制作 SVG 的屏幕截图：

但我的问题是我在 svg 中有一个输入（foreignObject）。它拍摄的屏幕截图仅包含 svg 元素。有人对此有解决方案吗？如何捕获页面上的所有元素？

感谢！

仅在 IE edge中没有生成画布，而是出现了一个黑框。使用的插件是 Canvg

小提琴链接：http: //jsfiddle.net/6r2jug6o/574/

我正在使用canvg将div中存在的svg转换为画布（到目前为止它工作正常），然后将div的innerHTML复制到另一个div，但它不起作用。画布即将到来，但该画布中不会出现任何内容。提前致谢

JSFiddle

这是我的脚本代码。我正在使用 JSPdf。

我在 index.html 中添加了这个脚本

我们需要添加canvg脚本文件并在Component中使用canvg函数。如何在角度2中使用文件？

我正在使用 canvg 创建基于 svg 的画布，然后通过画布下载图像。

这是用于创建采用 svg 的画布的代码。

//创建画布

获得的图像部分带有黑色背景。请帮助。

我正在尝试从我的网站将复杂的 SVG 块（使用 c3 生成）导出为图像（无论是 png、svg、pdf，此时我对任何解决它的方法都持开放态度，尽管矢量格式是理想的） . 我尝试过 html2canvas、canvg、jsPDF 以及该帮派的所有酷孩子。问题是：我的一个情节都搞砸了。线变成了区域，区域被反转了，颜色被破坏了，......你的名字。

我离成为 js 专家还差得很远。我刚到这里，我正在寻找我的路，有些人请多多包涵。

我不知道这是 CSS 问题还是什么。是的，我们在 html 后面确实有 CSS。

我的临时解决方案是使用 jQuery.print.js 来调用我的 div 的打印。由于许多原因，这远非理想：

• 没有bbox。它生成由用户定义的页面大小的 PDF，而不是图像大小；

• 我正在使用具有自动调整大小的引导卡。每当按下“打印图像”时，打印都会使用当前尺寸。我已经尝试隐藏卡片来重新调整目标卡片的大小，但是调整大小只会在打印调用之后发生，原因我不知道。如果这个问题解决了，这个临时解决方案会更好，虽然仍然是临时的。

所以，一个问题是：

• 如何获得如图所示的 SVG？
• 或者，如何在调用打印之前调整卡片的大小？
• 或者，如何在没有从 canvg/jsPDF 获得的格式错误的情况下生成栅格（png/jpeg）？

现在执行打印调用的函数是：

这是网页上显示的卡片行：

右边的情节是我正在集中尝试的情节，也是正在完成未格式化的情节。检查使用 html2canvas、jsPDF 等产生的结果与使用 canvg.js使用 SVG pasteed 时出现的错误构造相同

PS：是的，我确实搜索了很多。这就是我最终尝试 html2canvas、canvg、jsPDF、jqprint 的方式...

干杯!

使用canvg解析器将SVG转换为画布后显示为PDF时，为什么缺少Amchart的轴标签？

我尝试将 svg 转换为 png，但我对canvg有一些问题，我不明白为什么。如果我从 svg 中删除样式，它是有效的，但我想要带有样式的 png。

结果我想在base64中有图像或url

我有这段代码，但是当我尝试使用 canvas.toDataUrl 时，我在 ie 11 中出现异常“安全错误”，我该如何解决这个问题？

它在 Chrome 中运行良好，但在 ie 中我有一些问题，请帮助我。

更新

如果我使用 canvg ， toDataUrl 返回空白图像这是我更改的代码

我在页面上有这个svg

我也只有svg。结果我想保存这张 图片