¿Qué hace esta herramienta
El Pintor es una herramienta de dibujo simple basada en canvas. Dibuja con un pincel a mano alzada, añade formas (rectángulos, círculos, líneas), usa una goma de borrar, añade texto y establece un color de fondo personalizado. Descarga el canvas como PNG. Útil para bocetos rápidos, anotaciones, diagramas y arte simple. Todo el dibujo ocurre en el navegador — sin servidor.
Cómo usarla
- Elige la herramienta — Selecciona pincel, formas, goma o texto.
- Dibuja — Haz clic y arrastra para pincel o formas. Haz clic para colocar texto.
- Configura — Establece tamaño de pincel, color y relleno. Para formas, elige trazo y relleno.
- Fondo — Cambia el color de fondo del canvas si lo deseas.
- Descargar — Guarda el canvas como imagen PNG.
- Limpiar — Reinicia el canvas para empezar de nuevo.
Cómo funciona
El canvas es un elemento HTML5 Canvas. El dibujo usa el contexto 2D: rutas para pincel y goma, rect/arc/line para formas, fillText para texto. Los eventos de ratón/táctiles capturan trazos y formas. El estado del canvas se almacena en memoria; la descarga usa toDataURL('image/png'). Sin librerías externas para el dibujo principal — API canvas vanilla. Las URLs blob se usan solo para descarga.
Todo el procesamiento se ejecuta en tu navegador. No se envía ningún dato a ningún servidor.
Casos de uso y ejemplos
- Bocetos — Dibujos y garabatos rápidos.
- Anotaciones — Marca capturas de pantalla o diagramas.
- Diagramas — Diagramas de flujo o wireframes simples.
- Firmas — Captura una firma rápida.
- Enseñanza — Demuestra formas y colores.
Ejemplo
- Pincel, rojo, tamaño 5 → Dibuja una línea roja a mano alzada.
- Herramienta rectángulo → Haz clic y arrastra para dibujar un rectángulo.
- Herramienta texto → Haz clic para colocar texto; escribe en el diálogo.
Limitaciones y restricciones conocidas
- Sin capas — Una sola capa; sin deshacer/rehacer más allá de limpiar.
- Sin persistencia — El estado del canvas se pierde al recargar.
- Herramientas básicas — Sin gradientes, patrones ni filtros avanzados.
- Solo PNG — El formato de descarga es PNG; sin exportar JPEG o SVG.