问题标签 [canvg]

我想知道是否有一种自动方法来分析我的 javascript 代码以搜索从 js 库（如 jquery 和 canvg ）中获取的函数，并自动创建一个仅包含我页面上使用的功能的库的最小版本。

我正在努力转换svg to png. 对于这种转换，我正在使用canvg. svg这种转换对于像rectand这样的svg元素正常工作circle，但它不适用于包含image元素的svg。我搜索了很多，但我没有找到任何解决方案。

这是我尝试使用图像元素的演示。

我不知道这里发生了什么错误。如何将 canvg 用于 svg 图像元素。
任何建议都应该不胜感激。

注意：这是带有 svg circle的工作演示

我正在构建一个 d3.js 可折叠树并将这个 ( http://bl.ocks.org/mbostock/4339083 ) 示例用于我的工作。这很好用，但我还将提供一个选项来将此树下载/导出为 SVG/PDF/PNG。我搜索了很长时间来处理这个问题，但结果总是一样的。生成的 SVG/PNG 有问题。确切地说，树的节点之间的链接是错误的。

我尝试了这些方法：

ht_tp://jsfiddle.net/plaliberte/HAXyd/

ht_tp://d3export.cancan.cshl.edu/

为了更好地理解，请查看此图片！

http://de.tinypic.com/r/30auvec/5

谢谢！

我正在尝试使用canvg从生成的（使用d3js）SVG对象创建PNG图像。所有路径（示例中没有）都完美呈现，但未显示与圆形路径对齐的 textPath（s.jsFiddle 示例）。

它哪里出错了？canvg如何正确渲染textPath？

这是我的示例http://jsfiddle.net/T3AR4/

我在 SVG 中使用该部分来绘制文本：

我们在 Java 中使用带有 canvg https://code.google.com/p/canvg/的本机方法将 SVG 字符串转换为画布到 png 图像。我们需要一个 renderCallback，因为 SVG 字符串中的图像需要时间来渲染，否则我们会得到一个错误的构造。我们的代码是：

因此，将在浏览器中打开一个包含正确 png 图像的选项卡。但是有没有可能得到这个 String img = canvas.toDataURL("image/png"); 在回调之外工作？我唯一能想到的就是在 function() 中调用一个 Java 方法，它将 img var 作为参数。我希望有更好的解决方案。

是否有一个一站式库可以按原样提取我的 html/css（发布 js 操作）并将其转换为图像，例如 png？我的复杂之处是页面的 js 可以在加载后呈现 svg 或任何类型的样式 - 我不知道。

我知道服务器端有一些方法，但我真的很想在客户端实现这一点。

我也知道有 canvg 来转换 svg，但我事先不知道我的页面会有什么 - 画布、svg 几乎可以有任何东西。所以我需要一个相当强大的工具。

有任何想法吗？html2canvas对我不起作用；它省略了对 CSS 的 svg 和 js 操作。

谢谢你。

原始 SVG 图表

渲染的画布图表

这是我用来转换为画布的代码

请帮助解决这个问题。

我正在使用 Raphael 在 SVG 中进行一些操作。为了将 SVG 保存为图像，我使用 Canvg 在画布中渲染 SVG。但是在画布中渲染的 SVG 内部的图像转换是不对的。Canvg 使用 html5 的原生 transform() 方法使用 Canvg 第 571 行中的以下代码应用转换。

但这会导致围绕图像原点进行旋转和缩放等变换。但在 Raphael 中，变换是围绕图像的中心应用的。

那么是否有可能应用转换以使一切都发生在图像的中心附近？

我正在尝试将文件下载为 helloWorld.png，但它始终保存为 download.png。

你能帮我确定我缺少什么吗？

http://jsfiddle.net/shanthisivanesan/a2FLx/22/

我使用 Raphael 创建了一个 SVG，我想将其捕获并转换为 PNG，然后在打开的窗口中显示。我看过其他一些堆栈溢出的答案，比如这个。我实施了 ollieg 对这个问题的回答。这是我正在做的一个例子：

这应该绘制一个黄色矩形并将其输出为 png。控制台确认 SVG 在 canvas var 中被正确捕获。但是，toDataURL 行会引发错误：“TypeError: 'null' is not an object (evalating 'canvas.toDataURL')”我知道我的示例有点不同，因为我没有实际的 canvas 标签我的 html，只是要获取画布的 div。但是，鉴于画布被正确捕获，我不明白为什么第二行会引发该错误。