【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 屬性。