Canvas框架createJS組件—EaselJS CreateJS庫是一款HTML5游戲開發的引擎，是一套可以構建豐富交互體驗的HTML5游戲的開源工具包，旨在降低HTML5項目的開發難度和成本，讓開發者以熟悉的方式打造更具現代感的網絡交互體驗。掌握了CreateJS可以更方便的完成HTML5的游戲開發。CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具。EaselJS 庫給畫布提供了保留圖形模式，其中包括一個完整的分層顯示列表、一個核心的交互模型以及一個讓2D圖形在畫布上更容易實現的助手類。 我們要做的： 1、 使用 Bitmap 創建圖像 2、 使用?[Shape](http://createjs.com/docs/easeljs/classes/Shape.html)?和 [Graphics](http://createjs.com/docs/easeljs/classes/Graphics.html)創建矢量圖形 3、 使用?[SpriteSheet](http://createjs.com/docs/easeljs/classes/SpriteSheet.html)?和?[Sprite](http://createjs.com/docs/easeljs/classes/Sprite.html)?創建動態的位圖 4、 使用?[Container](http://createjs.com/docs/easeljs/classes/Container.html)?創建保存其他顯示對象的容器 所有的顯示對象都可以作為子類被添加到舞臺（stage）上，或者直接在畫布（canvas）上繪制出來。 當使用鼠標或者觸摸交互時，除了DOM 元素，所有的顯示對象都可以調度事件。EaselJS 支持懸停、按壓、釋放事件，以及一個容易使用的拖放模塊。mouseEvent包括mousedown、mouseenter、mouseleave等。 效果預期：掌握以上功能點可以掌握語音標注平臺、圖片標注平臺的打點、繪圖等核心功能邏輯。