2010年11月3日 星期三

HTML5 Canvas初試玩心得


前一陣子試玩了一下HTML5的Canvas,有一點心得。



基本上Canvas讓我感覺有點像flash的graphic加上matrix的配合畫出一張bitmapdata,Canvas的東西畫上去就是畫上去了,沒辦法只單獨針對裡面的某個物件進行控制,也就是說如果Canvas裡有個東西的座標或狀態改變的話,需要整張Canvas清空再重繪一次。
而且因為Canvas裡的東西是『畫上去的』,所以不像flash的display tree一樣可以給予裡面物件一些事件(ex:滑鼠事件),因此如果需要跟user互動的話,可能需要隨時算出該物件理論上該存在的座標,然後在Canvas上面疊一個透明的dom上去充當按鈕感應區吧!? 不確定,不過這是我目前想到的solution。

如果沒有寫成類別的話,要純粹用Canvas來玩一些東西其實還挺累的哩…。