El programa Windows Paint acompaña a todas las versiones de Windows. Este programa muy simple, casi inútil, tiene las funciones de dibujo más básicas y es muy adecuado para hacer garabatos. El objeto Canvas de HTML5 hace posible el dibujo en línea. Aunque HTML5 está lejos de estar maduro, muchas personas están ansiosas por usarlo para diseñar algunas aplicaciones sorprendentes.
CanvasPaint es un programa de pintura estándar de Windows basado en HTML5. Tiene la misma interfaz y funcionamiento que el programa Windows Paint, y sus funciones son casi idénticas. Con el soporte de navegadores específicos, incluso puedes guardar el trabajo final en tu máquina local. Este no es un proyecto reciente, existe desde 2006, por lo que la mayoría de los navegadores actuales que soportan estándares (Firefox, Safari, Chrome, Opera) pueden utilizar este programa con normalidad. Aquí hay algunas explicaciones del autor sobre este proyecto.
¿Por qué se desarrolló este programa?
El propósito no es desarrollar un programa de dibujo para Windows, sino experimentar la función Canvas de HTML5.
Su uso es el mismo que el de los programas de dibujo estándar de Windows.
¿Se puede salvar?
Sí, pero sólo es compatible con Firefox 2 y Opera 9 (Nota del traductor: este es un programa implementado por el autor en 2006). Para guardar localmente, seleccione Descargar en el menú Archivo, guarde en línea y seleccione Guardar en línea; se generará automáticamente una URL para mostrar su trabajo en línea.
El menú contextual del navegador afecta el uso del menú contextual. Puede desactivar el menú contextual en la configuración del navegador.
¿Por qué algunas funciones no están disponibles?
Algunas funciones son compatibles con versiones específicas del navegador (Nota del traductor: esto es a partir de 2006):
Selector de colorFirefox 2.0Opera 9 Relleno de inundaciónOpera 9 Guardar imagenFirefox 2.0Opera 9 Abrir URLFirefox 1.5Opera 9Último ¿Es fácil de usar el objeto WebKit Canvas?
Ideal para aplicaciones que no requieren compatibilidad con varios navegadores. Pero en pintura, el mayor problema es que, limitado por la frecuencia de actualización del evento de movimiento del mouse, no es fácil encontrar la posición del cursor, especialmente cuando se usa un aerógrafo. Además, cuando el tamaño se vuelve muy grande, se vuelve muy lento y no existe la función getPixel().
Detalles técnicos En el programa se utilizan cinco objetos Canvas.
Una mesa de trabajo principal, una capa de mesa de trabajo transparente que flota arriba para mostrar el contenido de la pintura de vista previa, un lienzo oculto que se usa para almacenar en caché el contenido seleccionado, otro que se usa para almacenar en caché el estado de deshacer y uno que se usa en la barra de título del programa para mostrar colores degradados.
Experimentos de HTML5 Canvas de otros
Canvascape 3D (implementación de un sencillo juego de disparos en primera persona utilizando HTML5)
CanvasGraph (una biblioteca JavaScript de dibujo de Canvas HTML5)
Reflejos de imagen (implementando reflejos de imagen usando HTML5 Canvas)
Canvas Painter (un programa de dibujo de Canvas más simple)
Un programa de dibujo HTML realmente sorprendente. Si el programa anterior te entusiasmó con la función Canvas de HTML5, aquí tienes un programa de dibujo que te sorprenderá. Tiene una experiencia de interfaz y una fluidez que no es inferior a la del escritorio. En una computadora con múltiples pantallas, incluso tengo la necesidad de arrastrar esos paneles de herramientas flotantes a la segunda pantalla.
-