Herramienta de desarrollo / 28

Editor y herramienta de dibujo vectorial SVG online

Dibuja, aplica estilos, organiza capas y edita gráficos vectoriales SVG visualmente o mediante código XML SVG en directo.

Editor y herramienta de dibujo vectorial SVG online: Dibuja rectángulos, círculos, elipses, líneas, trazados y texto en un lienzo SVG. Mueve objetos, cambia el relleno, el trazo y la opacidad, y organiza sus capas. También puedes importar un SVG o editar su código en la pestaña Código; después, puedes descargar un SVG o un PNG, o copiar el texto SVG. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.

Se ejecuta
En tu navegador
Coste
Gratis · sin registro
Disponibilidad
Lista para usar
Añadir forma:
Fondo:
TOEA SVG Editor

Inspector y estilos del elemento

rect (rect_1)
Acciones de capa
Capas (3)
text (text_1)
circle (circle_1)
rect (rect_1)

Dibuja formas, trazados y texto

Añade rectángulos, círculos, elipses, líneas, estrellas, triángulos, corazones, trazados o texto. Selecciona un objeto para cambiar su relleno, color del trazo, ancho del trazo y opacidad, o usa los controles de capas para duplicarlo, eliminarlo y cambiar su orden. La configuración del lienzo define el tamaño del dibujo y el fondo.

Mueve un trazado en el lienzo y edita su forma mediante la pestaña Código. Los comandos de trazado, como M, L y C, describen movimientos, líneas y curvas. Este no es un editor visual de nodos: no hay controles de curva que se puedan arrastrar. El XML editado se aplica al salir del campo de código.

Límites de importación y exportación

SVG conserva las formas vectoriales y el texto editable; PNG rasteriza el dibujo con el tamaño del lienzo. Al copiar el marcado se obtiene texto SVG para usarlo en una página o en otro editor. El texto no se convierte en contornos, por lo que su aspecto depende de la fuente disponible donde se abra el archivo.

Los archivos importados se reducen a formas básicas, trazados y texto compatibles. Los degradados, filtros, recortes, imágenes incrustadas y el comportamiento de los grupos no se conservan por completo. Conserva el original y compara el dibujo importado antes de exportar un reemplazo.

Cómo se usa

  1. Añade un rectángulo, círculo, elipse, línea, estrella, trazado o texto, y arrástralo hasta colocarlo.
  2. Configura el relleno, el trazo, la opacidad, el radio de las esquinas y el orden de las capas.
  3. Descarga el SVG o un PNG, o copia el código.

Privacidad y límites

El dibujo nunca sale de tu navegador: no se sube, no se guarda automáticamente y no hay ningún servidor. Al cerrar la pestaña, se descarta; descarga el archivo antes de salir.

Herramientas relacionadas

Preguntas frecuentes

¿Puedo dibujar y editar trazados?

Puedes añadir un trazado, moverlo por el lienzo y cambiar su relleno y trazo. Edita los comandos del trazado en la pestaña Código para cambiar su forma; no hay un editor visual de puntos de control. Los cambios realizados en el código se aplican al salir del campo de texto.

¿Puedo añadir texto y formas sencillas?

Sí. Añade rectángulos, círculos, elipses, líneas, estrellas, triángulos, corazones, trazados o texto desde la barra de herramientas. El texto incluye controles para el contenido y el tamaño de fuente. Puedes alinear, duplicar, eliminar y reordenar objetos, además de cambiar el color de relleno, el color del trazo, el ancho del trazo y la opacidad.

¿Qué archivos puedo exportar?

Descarga un SVG para conservar las formas vectoriales y el texto editable, o un PNG para obtener una imagen rasterizada con las dimensiones del lienzo. También puedes copiar el código SVG. El texto no se convierte en contornos.

Herramienta gratuita · se ejecuta en tu navegador · sin cuenta