问题标签 [canvg]

我需要拍摄一个 div 的快照。我使用了 html2canvas，它工作正常。但是当我将 SVG 添加到同一个 div 中时，它会忽略 svg。

我也试过 drawImage() 也没有工作。

我读到 clone() 可以做到这一点，但没有奏效。

绘制图像（）：

克隆（）：

html2canvas：

如何捕获包含文本、svg、图像的 DIV？

感谢你的帮助。

这是我的（截断的）示例 SVG 图像（使用 Highcharts，http: //www.highcharts.com/ 制作） - 当我将其渲染到画布上时（使用 canvg（https://github.com/gabelerner/canvg和代码改编从这里：https://stackoverflow.com/a/8997520/2067690）生成的 PNG 中的所有文本都是重复的，这意味着它的输出是双倍的，一段文本紧随其后的是相同的文本。我怎样才能确保它只出现一次？

I'm attempting to convert my SVG to canvas to get a png. everything is working great except for the css positioning.

please see this jsfiddle

you can see the top section which is the SVG.

I am using canvg to render the svg on the canvas element.

the 2 svgs overlap each other, one is 100% size, the other 80%. I am rendering these with Raphael.

I have tried to insert inline styles as suggested in various place like:

however canvg only returns:

I need the canvas to be identical to the SVG.

*note changing both to 100% size and changin radius of circles is not an option, this is a very simplified version as illustration.

我正在寻找关于使用 jsPDF 将 highcharts 导出为 PDF 的解决方案。我使用这个解决方案将我的图表作为图像导出到我的 pdf ->将 Highcharts 导出到 PDF（使用 javascript 和本地服务器 - 没有互联网连接）

它工作正常，但是对于某些图形，由于此错误，我无法生成图像：

以下是引发错误的canvas方法（canvg.js）：

关于可能导致此错误的任何初步想法？

我正在尝试使用 Canvg 将 SVG 转换为 Canvas。这是jsfiddle。我收到一条错误消息，“错误：尚未实现元素'parsererror'”。我可以理解 canvg 库无法解析 SVG 元素。但是，这个问题有解决方案吗？我需要从 svg 元素创建一个画布元素。

PS：svg 元素是由 C3.js（基于 D3.js 的可重用库）创建的。

我正在利用canvg将我的 d3 生成的svg图形转换为不同的下载格式。我的所有数据都包含在矩形节点中并包装以适合指定的宽度。在 SVG 中，文本与包装代码看起来很完美。以下是元素的设置方式：

同样，文本在 SVG 上看起来很完美，但是当转换为 时canvg，它看起来不同：

http://imgur.com/4kQvYhy（左边是 svg，看起来正确，右边是画布，看起来不正确/降档）

d3 元素是如何传递过来的，canvg这使得它在输出中有所不同？如果此问题无法修复，是否有其他替代方法可以将 svg 元素转换为 pdf/png 文件？

我找到了有关渲染 SVG 的主题在 HTML5 画布上绘制 SVG 文件。有没有办法在特定时间绘制 SVG 动画文件？我的意思是，如何更改代码

这样img在特定时间包含svg？文件 myfile.svg 包含以下内容：

人们通常建议使用canvg，但据我了解它不支持路径动画，所以我的示例不适用于它。

我正在使用 r71 of three.js 和 canvg 库。我正在使用 canvg 显示 SVG，但出现以下错误。

加载资源失败：服务器响应状态为 404（未找到）

以下是有问题的代码：

所以，我知道 html2canvas 与 css 的糟糕工作。也许有人可以帮助我找到最佳解决方案。我需要用元素制作地图截图。截图后我会得到一张图片，看起来不错，但在 html 中，地图的所有元素（面板、按钮）都丢失了所有 css 类，并且没有查看图像。

所以，我正在尝试：通过 js/jquery 重新加载地图的 div；重新加载样式表；将 css 类从“myFile.css”移动到 html；

我觉得这对我没用。

一旦我尝试将 cssText 移动到元素的样式属性，并且效果很好，但我认为从 div 和他的孩子的坏主意中获取并重写所有元素。

我正在使用canvg()函数转换svg为canvas. 如果我们canvg()直接在 onload 上使用，它将全部转换svg为canvas. 我想转换svg与特定div的 .

html

脚本

在这里，它应该转换为svg与之相关div的id=apply.

小提琴演示在这里