ImageLoader 图像加载器

底层是通过 Html 的 img 标签来加载图片. 加载完后可以作为参数传给 CanvasTexture, 也可以传给 H5 的 canvas 标签的 context.drawImage().

function ImageLoader( manager ) { } var loader = new THREE.ImageLoader(); loader.load('---.jpg', function(image){ var geometry = new THREE.BoxGeometry(5, 6, 5), texture = new THREE.CanvasTexture(image), material = new THREE.MeshBasicMaterial({ color: 0xffffff, map: texture }); mesh.geometry = geometry; mesh.material = material; scene.add(mesh); }, function ( xhr ) { console.log( ( xhr.loaded / xhr.total * 100 ) + '% loaded' ); }, function ( error ) { console.log( 'An error happened: ' + error ); } );

Attributes

crossOrigin : String

Default value : 'anonymous'
Description : CORS的跨域路径.

manager : LoadingManager

Default value : THREE.DefaultLoadingManager
Description : 类型.

Methods

load( url, onLoad, onProgress, onError ) : null
url String 加载路径
onLoad Function 加载完成函数
onProgress Function 加载进程函数
onError Function 加载错误函数

加载URL以及调用回调函数onLoad.

setCrossOrigin( value ) : this
value String CORS的跨域路径

设置CORS的跨域路径.

setPath( value ) : this
value String 路径

设置加载路径中的基础路径, 当你有很多资源需要加载时, 调用此方法会方便很多.