C3图表导出问题 - 不下载样式

c3chart export issues - styles are not downloaded

本文关键字：下载 样式 出问题 C3      更新时间：2023-09-26

有没有办法导出带有样式的 c3 图表生成的 svg。我能够将 svg 导出为 png 图像，但缺少样式。我正在使用 c3 角度来生成图表。

导出图表时，只有 svg 部分以其内联样式导出。要使用 css 导出 svg，您需要在 svg 标签本身中添加样式。

例如：

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" preserveAspectRatio="xMidYMid meet">
    <defs>
        <style type="text/css"><![CDATA[
            circle {
                stroke: #909;
                stroke-width: 10;
                fill: #f6f;
            }
        ]]></style>
    </defs>
    <circle cx="100" cy="100" r="80" />
</svg>

像这样将您的样式添加到 svg 中，然后将其导出为 svg 或 png .

搜索了一段时间后，我找到了通过gonsakon导出带有样式的svg的解决方案。可以在下面的链接中找到它https://github.com/gonsakon/SVGtoPNG

相关文章：