FlexCanvasJS
v1.3.2
Cree fácilmente aplicaciones de Internet ricas utilizando el lienzo HTML5.
FlexCanVasJS proporciona elementos de visualización de lona interactivos de usuario altamente personalizables, lista jerárquica de visualización para padres / niños, eventos de interfaz de usuario, estilo y desollado, diseños relativos y dinámicos, regiones de redraw automáticas e incluye muchos controles de interfaz de usuario, como botones, casillas de verificación, desplegables, datos de datos, recolectores de color, recolectores de fecha, editables e texto de texto y más, y más, también lo que también permite creationas, también, también, también lo que también permite creadores de componentes de datos de datos, y más, controles de textos de texto, y más, a los controles de texto, y más, los controles de textos, y más, también lo permiten creationios de creación de datos de datos. controles.
La mayoría de los eventos típicos de la interfaz de usuario, incluidas las fases de captura y burbujeo, incluyen, entre otros, el mouse, el teclado, el enfoque, el volumen, etc.
Los diseños escalables complejos se logran fácilmente mediante elementos de contenedores de anidación. Los contenedores impulsados por datos, como DataList y DataGrid, permiten mostrar conjuntos de datos muy grandes y solo hacen que lo que se ve en la pantalla mantenga un rendimiento excelente y se unirá automáticamente a medida que cambia su recopilación de datos asociada.
Se proporciona un sistema robusto de estilo y desollado que le permite modificar y personalizar fácilmente la apariencia y el comportamiento de cualquier control de la interfaz de usuario.
FlexCanvasjs hace el trabajo pesado por usted. Render el almacenamiento en caché, las regiones de redibujado, las capas y los efectos compuestos son automáticos, para un buen rendimiento, incluso en las aplicaciones y juegos más complejos, animados y en capas.
Todo lo que necesita es la biblioteca minificada FlexCanvasjs y un lienzo HTML. Descargue la biblioteca minificada de la última versión.
El ejemplo a continuación está utilizando un lienzo de pantalla completa, aunque cualquier lienzo funcionará.
<!DOCTYPE html >
< html >
< head >
< meta charset = utf-8 >
< title > FlexCanvasJS Web Application </ title >
< style >
html, body, canvas { width: 100%; height: 100%; margin: 0; overflow: hidden; }
</ style >
< script src =" FlexCanvasJS_min.js " type =" text/javascript " > </ script >
</ head >
< body >
<!-- Full screen canvas -->
< canvas id =" flexCanvasApplication " > </ canvas >
</ body >
</ html >Ahora adjunte el lienzo DOM a la FlexCanvasjs CanvasManager y cree y diseñe nuestros elementos:
//Create elements
var canvasManager = new CanvasManager ( ) ;
var colorPicker = new ColorPickerElement ( ) ;
function init ( )
{
//Attach the DOM canvas to our CanvasManager
canvasManager . setCanvas ( document . getElementById ( "flexCanvasApplication" ) ) ;
//Set up our color picker - add style definitions, event listeners, etc.
colorPicker . setStyle ( "X" , 50 ) ;
colorPicker . setStyle ( "Y" , 50 ) ;
//Add colorPicker to CanvasManager
canvasManager . addElement ( colorPicker ) ;
}
