有沒有辦法將c3圖表生成的svg與樣式一起導出。我能夠將svg導出爲png圖像,但樣式丟失。我正在使用c3角度生成圖表。c3chart導出問題 - 樣式未下載
0
A
回答
0
當您導出圖表時,只有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。
0
經過一段時間的搜索後,我發現了一個解決方案,通過gonsakon導出svg樣式。它可以在下面的鏈接中找到 https://github.com/gonsakon/SVGtoPNG
相關問題
- 1. 樣式表裝載問題
- 2. 導出問題
- 3. 導航菜單樣式問題
- 4. 問題樣式引導navbar當崩潰
- 5. Bootstrap導航欄樣式問題
- 6. 的Java:問題加載樣式表
- 7. Laravel Excel,從模型導出,樣式問題
- 8. ZingChart上下文菜單樣式問題
- 9. 引導樣式問題。樣式完全打破ie9
- 10. 引導選擇下拉加載問題
- 11. 導出html表格以便下載excel與PHP問題
- 12. 導出xls文件用戶用django和HttpResponse下載的問題
- 13. 彈出菜單樣式問題
- 14. Node.js導出問題
- 15. 下載文件導致問題在ios中流式傳輸
- 16. 下載25MB文件時出現問題 - 無問題下載8MB文件(ASP.NET)
- 17. CSS樣式問題
- 18. 樣式表問題
- 19. CSS樣式問題
- 20. Reponsive樣式問題
- 21. jquery.Coundown樣式問題
- 22. Bootstrap樣式問題
- 23. 樣式表問題
- 24. HTML樣式問題
- 25. Javascript樣式問題
- 26. jQuery樣式問題
- 27. OpenLayers樣式問題
- 28. CSS樣式問題
- 29. CSS樣式問題
- 30. GWT樣式問題
我不生成svg。它由c3chart生成,因此很難添加內聯樣式。 – beeCoder
您可以添加如下樣式:$('svg defs')。prepend('') –