canvas在html,jsp頁面的移動，翻轉，旋轉

需求背景 從一個遊戲需求說起： 技術選型：canvas 上圖所展示的遊戲場景，「可樂瓶」裏有多個「氣泡」，需要設置不同的動畫效果，且涉及 deviceOrientation 的交互，需要有大量計算改變元素狀態。從性能方面考慮，canvas 是不二的選擇。 技術點：canvas 繪製圖像 通過對遊戲場景的進一步分析，可見場景中的「氣泡」元素形狀都是相同的，且不規則，通過 canvas 直接繪製形狀實

>>阅读原文<<