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