FlexCanvasJS
v1.3.2
Créez facilement des applications Internet riches à l'aide du canevas HTML5.
FlexCanvasJS fournit des éléments d'affichage interactifs interactifs utilisateur hautement personnalisés, une liste d'affichage Hiérarchique Parent / Child, des événements d'interface utilisateur, du style et de la peau, des dispositions relatives et dynamiques, des régions de redescriptions automatiques, et comprend de nombreuses commandes d'interface utilisateur telles que les boutons, les cases d'échec, les dropdowns, les datagrides, les choix de couleurs, les sélections de dattes, les compons intimeurs et les commandes d'enctenteurs, et plus, tout en autorisation.
La plupart des événements d'interface utilisateur typiques, y compris les phases de capture et de bouillonnement, sont pris en charge, y compris, mais sans s'y limiter, la souris, le clavier, la mise au point, le roulement, etc ...
Les dispositions évolutives complexes sont facilement réalisées par des éléments de conteneur de nidification. Les conteneurs pilotés par les données tels que le datalist et le datagrid permettent d'afficher de très grands ensembles de données tout en rendant uniquement ce qui est visible à l'écran pour maintenir d'excellentes performances et se liera également et metra à jour automatiquement à mesure que leurs changements de collecte de données associés.
Un système de style et de peau robuste est fourni pour vous permettre de modifier et de personnaliser facilement l'apparence et le comportement de tout contrôle de l'interface utilisateur.
FlexCanvasjs fait le travail lourd pour vous. Rendre la mise en cache, redessiner les régions, les couches et les effets composites sont tous automatiques, pour de bonnes performances, même dans les applications et jeux les plus complexes, animés et fortement en couches.
Tout ce dont vous avez besoin est la bibliothèque FlexCanvasjs minifiée et une toile HTML. Téléchargez la bibliothèque minifiée à partir de la dernière version.
L'exemple ci-dessous consiste à utiliser une toile en plein écran, bien que toute toile fonctionnera.
<!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 >Ajoutez maintenant le canevas Dom au canevasmanager flexcanvasjs et créez et créez nos éléments:
//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 ) ;
}
