HTML5 canvas image如何以SVG或base 64格式保存？

Question

我們可以將畫布圖像導出爲svg還是base 64，然後再導入它？

Answer 1

這並不容易，沒有。沒有直接的方法將Canvas圖形導出爲SVG - 它們具有根本不同的表示形式，Canvas 2D使用raster顯示器（如電視圖像），SVG存儲幾何形狀，可以調整大小而不降低質量。

簡單的答案是，如果你需要SVG輸出，不要使用畫布，從SVG 開始（在這裏可以使用更簡單的SVG圖形庫http://raphaeljs.com/）。

複雜的答案是 - 如果記錄所有畫布操作並用SVG重新創建它們，您可以導出到SVG，但除非您有一組受限制的操作，否則基本上意味着您需要實現所有畫布繪圖功能和模式！

Answer 2

andrewmu從我原來的問題中得到了很好的答案。

修正後的問題（「or base64」）很容易Google：canvas.toDataURL()。