|
KineticJS is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling high performance event detection for desktop and mobile applications. The KineticJS library was created by Eric Rowell, and is distributed freely on GitHub, or his (website ). As of December 2014, he stopped being actively developed. Then the project is forked to (https://github.com/konvajs/konva ) ==How it works== Kinetic stages are made up of user defined layers. Each layer has two canvas contexts, a scene context and a buffer context. The scene context is what you can see, and the buffer context is a special hidden context that's used for high performance event detection. Each layer can contain shapes and groups of shapes. The stage, layers, groups, and shapes are virtual nodes, similar to DOM nodes in an HTML page. All nodes can be styled and transformed. Although KineticJS has prebuilt shapes available, such as rectangles, circles, images, sprites, text, lines, polygons, regular polygons, paths, stars, etc., you can also create custom shapes by instantiating the Shape class and creating a draw function. Once you have a stage set up with layers and shapes, you can bind event listeners, transition nodes, run animations, apply filters, and much more. 抄文引用元・出典: フリー百科事典『 ウィキペディア（Wikipedia）』 ■ウィキペディアで「Kinetic.js」の詳細全文を読む スポンサード リンク
|