提交 4e502283 编写于 作者: M Mugen87

ImageBitmapLoader: Inherit from Loader.

上级 e7532f46
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
<link type="text/css" rel="stylesheet" href="page.css" /> <link type="text/css" rel="stylesheet" href="page.css" />
</head> </head>
<body> <body>
[page:Loader] &rarr;
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
...@@ -68,19 +70,13 @@ ...@@ -68,19 +70,13 @@
</p> </p>
<h2>Properties</h2> <h2>Properties</h2>
<p>See the base [page:Loader] class for common properties.</p>
<h3>[property:LoadingManager manager]</h3>
<p>
The [page:LoadingManager loadingManager] the loader is using. Default is [page:DefaultLoadingManager].
</p>
<h3>[property:String options]</h3> <h3>[property:String options]</h3>
<p>An optional object that sets options for the internally used [link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap] factory method. Default is *undefined*.</p> <p>An optional object that sets options for the internally used [link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap] factory method. Default is *undefined*.</p>
<h3>[property:String path]</h3>
<p>The base path from which files will be loaded. See [page:.setPath]. Default is *undefined*.</p>
<h2>Methods</h2> <h2>Methods</h2>
<p>See the base [page:Loader] class for common methods.</p>
<h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3> <h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3>
<p> <p>
...@@ -94,21 +90,11 @@ ...@@ -94,21 +90,11 @@
Begin loading from url and return the [page:ImageBitmap image] object that will contain the data. Begin loading from url and return the [page:ImageBitmap image] object that will contain the data.
</p> </p>
<h3>[method:ImageBitmapLoader setCrossOrigin]()</h3>
<p>This method exists for compatibility reasons and implements no logic. It ensures that [name] has a similar interface like [page:ImageLoader].</p>
<h3>[method:ImageBitmapLoader setOptions]( [param:Object options] )</h3> <h3>[method:ImageBitmapLoader setOptions]( [param:Object options] )</h3>
<p> <p>
Sets the options object for [link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap]. Sets the options object for [link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap].
</p> </p>
<h3>[method:ImageBitmapLoader setPath]( [param:String path] )</h3>
<p>
Sets the base path or URL from which to load files. This can be useful if
you are loading many images from the same directory.
</p>
<h2>Source</h2> <h2>Source</h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
......
...@@ -8,6 +8,8 @@ ...@@ -8,6 +8,8 @@
<link type="text/css" rel="stylesheet" href="page.css" /> <link type="text/css" rel="stylesheet" href="page.css" />
</head> </head>
<body> <body>
[page:Loader] &rarr;
<h1>[name]</h1> <h1>[name]</h1>
<p class="desc"> <p class="desc">
...@@ -68,20 +70,15 @@ ...@@ -68,20 +70,15 @@
</p> </p>
<h2>属性</h2> <h2>属性</h2>
<p>See the base [page:Loader] class for common properties.</p>
<h3>[property:LoadingManager manager]</h3>
<p>
加载器正在使用的[page:LoadingManager loadingManager] ,默认为[page:DefaultLoadingManager].
</p>
<h3>[property:String options]</h3> <h3>[property:String options]</h3>
<p>一个可选对象,用来设置内部使用的[link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap]工厂方法, <p>一个可选对象,用来设置内部使用的[link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap]工厂方法,
默认为*undefined*.</p> 默认为*undefined*.</p>
<h3>[property:String path]</h3>
<p>所要加载文件的基本路径。 请参考[page:.setPath],默认为*undefined*。</p>
<h2>方法</h2> <h2>方法</h2>
<p>See the base [page:Loader] class for common methods.</p>
<h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3> <h3>[method:null load]( [param:String url], [param:Function onLoad], [param:Function onProgress], [param:Function onError] )</h3>
<p> <p>
...@@ -95,20 +92,11 @@ ...@@ -95,20 +92,11 @@
从URL中进行加载,并返回将包含数据的[page:ImageBitmap image]对象。 从URL中进行加载,并返回将包含数据的[page:ImageBitmap image]对象。
</p> </p>
<h3>[method:ImageBitmapLoader setCrossOrigin]()</h3>
<p>此方法出于兼容性原因而存在,并且不实现逻辑。它确保[name]具有[page:ImageLoader]的类似接口。</p>
<h3>[method:ImageBitmapLoader setOptions]( [param:Object options] )</h3> <h3>[method:ImageBitmapLoader setOptions]( [param:Object options] )</h3>
<p> <p>
设置[link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap]的选项对象。 设置[link:https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/createImageBitmap createImageBitmap]的选项对象。
</p> </p>
<h3>[method:ImageBitmapLoader setPath]( [param:String path] )</h3>
<p>
设置加载文件的基本路径或URL。当加载同一目录中下的许多图片时,此方法将很有用。
</p>
<h2></h2> <h2></h2>
[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js] [link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
......
import { Loader } from './Loader';
import { LoadingManager } from './LoadingManager.js'; import { LoadingManager } from './LoadingManager.js';
export class ImageBitmapLoader { export class ImageBitmapLoader extends Loader {
constructor( manager?: LoadingManager ); constructor( manager?: LoadingManager );
manager: LoadingManager; options: undefined | object;
setOptions( options: any ): ImageBitmapLoader; setOptions( options: object ): ImageBitmapLoader;
load( load(
url: string, url: string,
onLoad?: ( response: string | ArrayBuffer ) => void, onLoad?: ( response: string | ArrayBuffer ) => void,
onProgress?: ( request: ProgressEvent ) => void, onProgress?: ( request: ProgressEvent ) => void,
onError?: ( event: ErrorEvent ) => void onError?: ( event: ErrorEvent ) => void
): any; ): any;
setCrossOrigin(): ImageBitmapLoader;
setPath( path: string ): ImageBitmapLoader;
} }
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
*/ */
import { Cache } from './Cache.js'; import { Cache } from './Cache.js';
import { DefaultLoadingManager } from './LoadingManager.js'; import { Loader } from './Loader.js';
function ImageBitmapLoader( manager ) { function ImageBitmapLoader( manager ) {
...@@ -20,12 +20,13 @@ function ImageBitmapLoader( manager ) { ...@@ -20,12 +20,13 @@ function ImageBitmapLoader( manager ) {
} }
this.manager = manager !== undefined ? manager : DefaultLoadingManager; Loader.call( this, manager );
this.options = undefined; this.options = undefined;
} }
ImageBitmapLoader.prototype = { ImageBitmapLoader.prototype = Object.assign( Object.create( Loader.prototype ), {
constructor: ImageBitmapLoader, constructor: ImageBitmapLoader,
...@@ -101,21 +102,8 @@ ImageBitmapLoader.prototype = { ...@@ -101,21 +102,8 @@ ImageBitmapLoader.prototype = {
scope.manager.itemStart( url ); scope.manager.itemStart( url );
},
setCrossOrigin: function ( /* value */ ) {
return this;
},
setPath: function ( value ) {
this.path = value;
return this;
} }
}; } );
export { ImageBitmapLoader }; export { ImageBitmapLoader };
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册