imagen de canvas HTML5 ¿cómo se puede guardar en formato SVG o base 64?

Question

¿podemos exportar imágenes de lienzo como svg o base 64 y luego importarlas nuevamente?

Answer 1

No es fácil, no. No existe un método directo para exportar gráficos Canvas a SVG; son fundamentalmente diferentes tipos de representación, Canvas 2D usa una pantalla raster, como imágenes de televisión, y SVG almacena las formas geométricas, que se pueden cambiar de tamaño sin degradar la calidad.

La respuesta simple es si necesita salida SVG, no use lienzo, comience con SVG (la biblioteca de gráficos SVG más simple http://raphaeljs.com/ puede ser útil aquí).

La respuesta compleja es que podría exportar a SVG si registra todas las operaciones de lienzo que realiza y tiene alguna manera de recrearlas con SVG, pero, a menos que tenga un conjunto restringido de operaciones, eso significa básicamente que necesita ¡implementa todas las funciones y modos de dibujo de lienzo!

Answer 2

andrewmu obtiene un punto bien merecido de mi parte por la gran respuesta a la pregunta en su forma original.

La pregunta modificada ("o base64") es fácil de Google: canvas.toDataURL().