three.js ImageLoader

用來加載一個(gè)Image的加載器。 內(nèi)部使用FileLoader來加載文件，并被 CubeTextureLoader、ObjectLoader、TextureLoader所使用。

代碼示例

// 初始化一個(gè)加載器
const loader = new THREE.ImageLoader();

// 加載一個(gè)圖片資源
loader.load(
	// 資源URL
	'textures/skyboxsun25degtest.png',

	// onLoad回調(diào)
	function ( image ) {
		// use the image, e.g. draw part of it on a canvas
		const canvas = document.createElement( 'canvas' );
		const context = canvas.getContext( '2d' );
		context.drawImage( image, 100, 100 );
	},

	// 目前暫不支持onProgress的回調(diào)
	undefined,

	// onError回調(diào)
	function () {
		console.error( 'An error happened.' );
	}
);

請(qǐng)注意three.js r84遺棄了ImageLoader進(jìn)度事件. 對(duì)于支持進(jìn)度事件的ImageLoader 請(qǐng)參考this thread.

例子

WebGL / loader / obj
WebGL / shaders / ocean

構(gòu)造方法

ImageLoader( manager : LoadingManager )

manager — 加載器使用的loadingManager，默認(rèn)為THREE.DefaultLoadingManager.

創(chuàng)建一個(gè)新的ImageLoader.

屬性

共有屬性請(qǐng)參見其基類Loader。

方法

共有方法請(qǐng)參見其基類Loader。

.load ( url : String, onLoad : Function, onProgress : Function, onError : Function ) : HTMLImageElement

url — 文件的URL或者路徑，也可以為 Data URI.
onLoad —加載完成時(shí)將調(diào)用?；卣{(diào)參數(shù)為將要加載的image。
onProgress — 此回調(diào)函數(shù)暫時(shí)不支持。
onError — 在加載錯(cuò)誤時(shí)被調(diào)用。

從URL中進(jìn)行加載，并返回將包含數(shù)據(jù)的image對(duì)象。

源

src/loaders/ImageLoader.js