Editar gráficos vectoriales desde tu navegador con SVG-edit

Se han dado cuenta que poco a poco los navegadores web han dejado de ser solo medios para buscar información y se están convirtiendo en herramientas útiles para todo tipo de propósitos? seguramente muchos de ustedes ya están familiarizados con el concepto de gráficos vectoriales, pero para quienes no lo están les explicamos brevemente que son gráficos que dependen de algoritmos matemáticos que definen las formas, la ventaja inmediata es que estos gráficos pueden ser escalados hasta cualquier tamaño deseado sin que pierdan sus detalles y sin que su aspecto se vea deteriorado como sucede con las imágenes no vectoriales, un ejemplo de estos gráficos, son los que obtenemos usando el CorelDraw.

Bien, a que viene todo esto? pues hay un sitio web que nos permite editar y crear desde cero gráficos vectoriales, en este caso en el formato SVG que son las iniciales de Scalable Vector Graphics,  y todo esto sin necesidad de descargar programa alguno, pues todo funciona desde la ventana de nuestro navegador, para poder acceder necesitamos un navegador que sea Firefox, Opera o Chrome, lo he probado en estos tres y no hay ningún problema, pero al parecer con Internet Explorer es necesario instalar un plug-in adicional (Chrome Frame plugin), en todo caso la pregunta es: alguien todavía usa el internet explorer?? los navegadores oficialmente soportados son:

  • Firefox 1.5+
  • Opera 9.50+
  • Safari 4+
  • Chrome 1+

El sitio se llama SVG-Edit, es de código abierto y usa JavaScript, HTML5, CSS y SVG para lograr su propósito, y corre enteramente en el navegador.

Que podemos hacer con SVG-Edit?

La última versión estable 2.5.1 ofrece lo siguiente (entre otras cosas):

  • Dibujo a mano alzada
  • Lineas, poli-lineas
  • Rectas, cuadrados
  • Elipses, Círculos
  • Polígonos, trayectos curvos
  • Texto estilizable
  • Rasterización de imágenes
  • Seleccionar, mover, redimensionar, rotar
  • Deshacer, rehacer
  • Color, selector de gradiente
  • Agrupar, desagrupar
  • Alinear
  • Zoom
  • Capas
  • Convertir formas a trayectos
  • Modo Wireframe
  • Guardar los gráficos en formato SVG
  • Selector linear de gradiente
  • Ver y editar el código fuente del SVG
  • Localización de la interfaz de usuario
  • Lienzo redimensionable
  • Cambiar fondo
  • Diálogos arrastrables
  • Interfaz de usuario redimensionable

La versión 2.6 alpha incluye cosas aún más interesantes como la posibilidad de fusionar y duplicar capas, copiar, cortar y pegar, librería de imágenes y librería de formas, etc.

Como pueden ver la herramienta en si es bastante completa y no podemos esperar a ver que otras características van a traer las versiones siguientes, creemos firmemente que va a llegar un momento en que el navegador de manos del SVG-Edit llegue a reemplazar a los programas profesionales de diseño como el CorelDRAW o el Inkscape, mientras tanto ya podemos ir haciendo algunos esbozos y jugando con este genial editor de gráficos vectoriales.

Ir a SVG-Edit