c3chart導出問題 - 樣式未下載

Question

有沒有辦法將c3圖表生成的svg與樣式一起導出。我能夠將svg導出爲png圖像，但樣式丟失。我正在使用c3角度生成圖表。

Answer 1

當您導出圖表時，只有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。

Answer 2

經過一段時間的搜索後，我發現了一個解決方案，通過gonsakon導出svg樣式。它可以在下面的鏈接中找到 https://github.com/gonsakon/SVGtoPNG