无法将复杂的svg转换为canvas（并下载）

Question

我使用rickshaw.js在客户端生成图表。附加的css文件用于指定外观。生成的图是一个svg。我想提供一个按钮来保存图形为png / jpeg等。 我尝试了几种解决方案：

• 使用canvg将svg格式化为画布，然后进一步格式化（http://techoctave.com/c7/posts/130-save-raphael-svg-chart-as-image）
• 使用spin.atomicobject提供的脚本
• 将svg转换为dataUrl并将其传递给图片标记（http://techslides.com/save-svg-as-an-image/）

这是我的一个解决方案：

$('#save').click(function(){
            var svg = $('#rickshaw_graphic_svg')[0].outerHTML;
            canvg($('#myCanvas'), svg);

        }); 

但总是出现相同的错误（所选解决方案的独立内容）：画布（或下载的文件）完全是黑色的。但是，如果我尝试转换像y轴一样简单的svg，它可以工作（css没有正确格式化）。那可能是什么原因呢？

Answer 1

图书馆没有问题。由于没有＆＃34; fill＆＃34; -attribute的网格，整个画布都是黑色的。