【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

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 属性。