【easeljs】顯示位圖 Bitmap 類

類介紹

繼承自 DisplayObject

A Bitmap represents an Image, Canvas, or Video in the display list. A Bitmap can be instantiated using an existing HTML element, or a string.
一個Bitmap對象繪製一個在顯示列表中的圖像、canvas，或者視頻。能夠使用一個存在的html元素或者一個字符串來實例化一個Bitmap對象

例

var bitmap = new createjs.Bitmap("imagePath.jpg");

注意:

1. 傳入一個字符串路徑或者一個未加載的img標籤時，添加到stage後，在它顯示以前，可能須要一直嘗試從新繪製stage

2. 若是直接是一個SVG 資源，Bitmaps將不會訪問alpha值，除非是0或者1。爲繞過這一點，能夠緩存Bitmap。

3. 帶有SVG的Bitmaps會用跨源(cross-origin)數據感染(taint)canvas，從而阻止交互性。這個現象除了較新的builds版火狐以外，全部瀏覽器都存在。

4. 當使用鼠標交互，函數（如getObjectUnderPoint）、或者使用濾鏡(filters)、或者正在緩存時，跨源加載圖像會拋出跨源安全警告。你能夠在把圖像傳給EaselJS前在圖像上設置crossOrigin標識繞過它，例如：img.crossOrigin="Anonymous";

構造函數 Constructor

Bitmap ( imageOrUri )
參數:
imageOrUri HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | String
要顯示的圖像的資源對象，或者是它的URI。能夠是一個image、canvas或者視頻對象，或者是一個url字符串。若是是一個URI，會建立一個新的image對象和將被指定到此實例的 image 屬性。