在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>