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.
- Categoría
- Herramientas de desarrollo
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Inspector y estilos del elemento
Capas (3)
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
- Añade un rectángulo, círculo, elipse, línea, estrella, trazado o texto, y arrástralo hasta colocarlo.
- Configura el relleno, el trazo, la opacidad, el radio de las esquinas y el orden de las capas.
- 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