FlexCanvasJS
v1.3.2
Mudah membuat aplikasi internet yang kaya menggunakan kanvas HTML5.
FlexCanVasJS menyediakan elemen tampilan kanvas interaktif pengguna yang sangat dapat disesuaikan, daftar tampilan induk / anak hierarkis, acara UI, penataan gaya dan pengkutihan, tata letak relatif dan dinamis, daerah redraw otomatis, dan lebih banyak kontrol, pemetik warna, centang, dan pengambilan centang, dan pengambilan centang, dan pengambilan centang, warnanya, pemetik, dan pengambilan centang, wol cangkang, wol,
Acara UI yang paling khas termasuk fase penangkapan dan menggelegak didukung termasuk tetapi tidak terbatas pada mouse, keyboard, fokus, rollover, dll ...
Tata letak yang dapat diskalakan yang kompleks mudah dicapai dengan elemen wadah bersarang. Wadah yang digerakkan data seperti detalist dan datagrid memungkinkan menampilkan set data yang sangat besar sementara hanya membuat apa yang terlihat di layar untuk mempertahankan kinerja yang sangat baik dan akan mengikat juga dan secara otomatis memperbarui ketika pengumpulan data terkait mereka berubah.
Sistem gaya dan skinning yang kuat disediakan memungkinkan Anda untuk dengan mudah memodifikasi dan menyesuaikan penampilan dan perilaku kontrol UI apa pun.
FlexCanvasjs melakukan angkat berat untuk Anda. Render caching, redraw daerah, lapisan dan efek gabungan semuanya otomatis, untuk kinerja yang baik bahkan dalam aplikasi dan permainan yang paling kompleks, animasi, dan berlapis -lapis.
Yang Anda butuhkan hanyalah perpustakaan FlexCanvasjs yang diminifikasi dan kanvas HTML. Unduh Perpustakaan Minified dari rilis terbaru.
Contoh di bawah ini menggunakan kanvas layar penuh, meskipun kanvas apa pun akan berfungsi.
<!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 >Sekarang lampirkan kanvas DOM ke CanvasManager FlexCanvasjs dan buat dan gaya elemen kami:
//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 ) ;
}
