HTML5 Canvas Library para UI Widgets

Question

He estado buscando una biblioteca que pueda ayudar en la representación y funcionalidad de widgets UI incrustados en el área del lienzo, como cuadros combinados, casillas de verificación, botones de opción, áreas de texto, cuadros de lista con barras de desplazamiento, etc., sin superponer elementos HTML normales al colocarlos en la parte superior del área del lienzo. Flex proporciona todo esto para Flash y existen muchas bibliotecas Actionscript que crean componentes de widgets UI dentro del "lienzo" Flash (por así decirlo). Estas bibliotecas de widgets de UI han servido bien a la comunidad de Flash en ciertas situaciones y esto también es necesario en situaciones análogas dentro del lienzo de HTML5.

¿Alguien sabe dónde se pueden encontrar estas bibliotecas?

Answer 1

Zebra es bastante completo aunque el Textarea no es muy rica.

Es licenciado con la licencia LGPL.

El github porque es here.

Answer 2

No he visto ninguna biblioteca de widgets con funciones fallidas, pero les garantizo que se realizarán algún día, aunque solo sea porque la gente las exigirá (por buenas o por malas).

La especificación de Canvas en sí misma recomienda no intentarlo. Como dice la especificación:

Los autores deben evitar implementar controles de edición de texto utilizando el elemento canvas. Hacerlo tiene una gran cantidad de desventajas:

• La colocación del cursor en el mouse debe ser reimplantada.
• El movimiento del teclado del cursor debe reimplementarse (posiblemente a través de líneas, para el ingreso de texto de líneas múltiples).
• Se debe implementar el desplazamiento del campo de texto (horizontalmente para líneas largas, verticalmente para entrada de líneas múltiples).
• Las funciones nativas, como copiar y pegar, tienen que volver a implementarse.
• Las funciones nativas, como el corrector ortográfico, deben volver a implementarse.
• Las funciones nativas, como arrastrar y soltar, tienen que volver a implementarse.
• Las funciones nativas, como la búsqueda de texto en toda la página, tienen que volver a implementarse.
• Las características nativas específicas del usuario, por ejemplo, los servicios de texto personalizado, tienen que volver a implementarse. Esto es casi imposible ya que cada usuario puede tener diferentes servicios instalados, y existe un conjunto ilimitado de dichos servicios.
• La edición de texto bidireccional tiene que volver a implementarse.
• Para la edición de texto multilínea, el ajuste de línea debe implementarse para todos los idiomas relevantes.
• La selección de texto tiene que volver a implementarse.
• El arrastre de selecciones de texto bidireccional tiene que volver a implementarse.
• Los accesos directos de teclado nativos de la plataforma tienen que volver a implementarse.
• Los editores de métodos de entrada (IME) nativos de la plataforma tienen que volver a implementarse.
• La funcionalidad de deshacer y rehacer tiene que volver a implementarse.
• Las funciones de accesibilidad como el aumento después de la referencia o la selección tienen que volver a implementarse.

La implementación de este tipo de cosas en lienzo es una pesadilla , especialmente hoy en día, donde el mismo tipo de letra se ve diferente, no sólo por el navegador, pero se ve diferente entre la representación de la lona de la fuente y el navegador haciendo que el tipo de letra.