我正在使用Raphael創建動態可視化。是否可以允許在Canvas上生成的圖像作爲SVG/PDF或其他圖像格式下載?下載Raphael canvas作爲SVG或PDF
回答
這裏缺少一些信息,即瀏覽器支持,服務器端/客戶端解決方案以及成本是否正常。所以我會盡力給你一個詳盡的答案。
對於客戶端解決方案,您可以使用DocRaptor。只需將SVG樹提供給DocRaptor這適用於SVG生成的瀏覽器(自2005年以來除了版本9之前的IE之外的所有瀏覽器)。請注意,DocRaptor將文檔轉換爲PDF需要支付費用。對於將SVG樹轉換爲PDF的免費服務器端解決方案,我建議使用this answer中建議的wkhtmltopdf。
對於Raphaël生產VML的IE6-8,您可以使用Vector Converter庫創建PHP解決方案。從VML到SVG的轉換完成後,將SVG發送到DocRaptor(或wkhtmltopdf)。
沒有免費的客戶端VML/SVG - > PDF解決方案,適用於VML或SVG。要構建這將意味着解釋SVG和/或VML,使用JavaScript創建一個PDF(有JS PDF libraryattempts),並使用some Flash technique發送給客戶端。我想沒有人試圖建立這個。我可能。
詳盡答案 – jbeard4 2011-05-15 22:02:54
[jspdf](https://parall.ax/products/jspdf)將通過html或通過自己的庫函數庫創建PDF。 BTW pdfjs貶值,因爲它非常好! – ejectamenta 2015-02-02 22:20:59
您可以保存爲使用canvg和canvas2image圖像庫
- 1. 可下載圖形 - SVG vs Canvas元素?
- 2. 獲取SVG元素作爲Raphael對象
- 3. Raphael canvas覆蓋css
- 4. Div&Canvas作爲一個圖像下載
- 5. 從svg到Raphael
- 6. raphael svg import size
- 7. 背景圖像填充Raphael SVG到Canvas通過canvg是黑色
- 8. Raphael從服務器加載SVG文件
- 9. 將Raphael canvas內部div轉換爲PNG
- 10. Raphael + svgweb + svg核心
- 11. 用Raphael創建SVG
- 12. 將SVG作爲PNG圖像下載
- 13. jquery canvas下載
- 14. Raphael JS調整大小Canvas
- 15. svg to canvas - opera
- 16. 如何使用html canvas將SVG圖導出爲pdf
- 17. 如何通過「raphael-svg-import」加載和顯示SVG數據?
- 18. 如何強制Raphael JS輸出爲svg
- 19. 下載SVG的圖像和圖案爲PDF
- 20. 按鈕下載inpage作爲SVG文件的SVG代碼?
- 21. svg,vml或canvas中的指標庫
- 22. Animation SVG or Canvas?
- 23. SVG爲PDF。如何?
- 24. 用於HTML5瀏覽器的SVG或Canvas?
- 25. SVG或Canvas!哪個更適合圖表?
- 26. svg raphael contextMenu右擊T.T sos
- 27. Raphael JS - 使用SVG文件
- 28. Raphael SVG事件類似Element.dblclick()
- 29. 將SVG拖放到Raphael上?
- 30. 使用Raphael操縱SVG
爲了響應第一條評論。我針對所有符合標準的瀏覽器。理想情況下更喜歡免費的解決方案,不需要Flash。服務器端解決方案很好。 – Farhat 2011-05-16 05:06:11
第一個答案爲您提供了一個解決方案,您正在問:使用Vector Converter將VML作爲SVG(此步驟僅適用於IE6-8)。然後使用wkhtmltopdf將SVG處理爲PDF文檔。將它作爲application/pdf和voilá返回! – Simeon 2011-05-16 13:29:27