konvajs
-
什么是konva
Konva是一個canvas的JavaScript框架，通過讓web桌面應(yīng)用和手機應(yīng)用更具有交互性擴展其2d功能候引。
konva能夠?qū)崿F(xiàn)高性能的動畫剂府，過渡伍绳，結(jié)巢箩绍、分層吟吝、過濾上荡，
緩存跷跪，桌面和移動應(yīng)用程序的事件處理，以及更多魏蔗。你可以把組件畫到stage上嫡纠，然后對它們添加事件監(jiān)聽，移動他們丸冕，
縮放他們耽梅，可以脫離其他shapes獨立旋轉(zhuǎn)，使其變高性能胖烛。即使你的應(yīng)用程序使用了成千上萬的shapes眼姐。 -
安裝konva
如果你已經(jīng)安裝了node，使用以下命令安裝:
$ npm install konva $ # or $ bower install konva或者從CDN上下載：
-
konva如何工作
每個layer有兩<canvas>renderer：scene renderer 和 hit graph renderer.
scene renderer是你能看到的東西佩番，hit graph renderer是一種隱藏的众旗，
用于檢測高性能事件。每個layer都可以包含shapes趟畏、groups of shapes贡歧、 和 groups of other groups。
在stage上layers赋秀、 groups 和 shapes都是虛擬節(jié)點利朵，類似于HTML頁面的DOM節(jié)點。下面展示一個節(jié)點的例圖：
eg: Stage
|
+------+------+
| |
Layer Layer
| |
+-----+-----+ Shape
| |
Group Group
| |
+ +---+---+
| | |
Shape Group Shape
|
+
|
Shape
