2010-11-03 10 views
16

Duplicar posibles:
Convert SVG to image (JPEG, PNG, etc.) in the browserConvertir Raphael SVG a la imagen (png, etc.) del lado del cliente

Tengo un pequeño proyecto en el que los usuarios construyen un diagrama usando Rafael y luego exportar el diagrama compuesto a una imagen para guardar.

Problema es que se debe ejecutar sin conexión. http://www.nihilogic.dk/labs/canvas2image/ no funcionará ya que requiere un lienzo, no el SVG generado por Raphael.

¿Existe alguna forma (javascript) de que pueda exportar una imagen desde el SVG?

Respuesta

9

Sí, esa pregunta duplicada fue de gran ayuda. canvg combinado con canvas2image me solucionó.

Así que creé el SVG usando Raphael. Luego, al hacer clic en un botón, se guardó el HTML interno del div que contiene el SVG en una variable, y luego se usó en canvg, ocultando el div SVG. Podría usar la ID del lienzo para canvas2image. Solo realmente funcionó bien para PNG.

Cuestiones relacionadas