在HTML5画布上使用CSS样式绘制SVG

Question

我正在使用NVD3在Web应用程序中生成图表。所有图表都是SVG。

我想通过在画布对象上绘制它们来将这些图表转换为图像。但是，由于图表的外观取决于CSS样式（包含在NVD3中），因此生成的图像看起来不像应用程序中呈现的图表。

在将SVG绘制到画布时，有什么方法可以保留CSS样式吗？

Answer 1

这可以通过在SVG定义本身中提供带有CDATA标记的CSS文件来完成。例如：

<svg xmlns="http://www.w3.org/2000/svg">

  <style type="text/css">
    <![CDATA[
        .some-class {
            opacity: 1;
        }
    ]]>
  </style>

</svg>