css - 在 HTML5 Canvas 上使用 CSS 样式绘制 SVG

Question

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

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

有什么方法可以在将 SVG 绘制到 Canvas 时保留 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>