31 lines
1.0 KiB
Markdown
31 lines
1.0 KiB
Markdown
## 1.使用
|
||
Egret 提供了 `ImageLoader` 类，用于加载位图文件。
|
||
|
||
例如 `ImageLoader` 类通过如下代码加载位于 'resource/egret.png' 的图片：
|
||
|
||
``` javascript
|
||
var imgLoader:egret.ImageLoader = new egret.ImageLoader;
|
||
imgLoader.once( egret.Event.COMPLETE, this.imgLoadHandler, this );
|
||
imgLoader.load( "resource/egret.png" );
|
||
```
|
||
|
||
在所定义的回调事件中，可以用下面的方式获取该图片对应的 BitmapData，并以此来创建位图：
|
||
|
||
``` javascript
|
||
imgLoadHandler( evt:egret.Event ):void{
|
||
let loader:egret.ImageLoader = evt.currentTarget;
|
||
let bmd:egret.BitmapData = loader.data;
|
||
//创建纹理对象
|
||
let texture = new egret.Texture();
|
||
texture.bitmapData = bmd;
|
||
let bmp:egret.Bitmap = new egret.Bitmap(texture);
|
||
this.addChild(bmp);
|
||
}
|
||
```
|
||
|
||
## 2.跨域处理
|
||
|
||
* 服务器设置访问权限。
|
||
* 可以通过尝试修改 `imgLoader.crossOrigin = 'anonymous'` 来以匿名的方式访问。不过在使用 `texture.toDataURL` 时会报跨域问题。
|
||
* Webgl 渲染下，暂不支持跨域图片处理。
|