JSRUN 用代码说话

ImageBitmapLoader

编辑教程

ImageBitmapLoader

一个把Image加载为ImageBitmap的加载器。 ImageBitmap提供了一种异步且有效的资源的途径,用于在WebGL中渲染的纹理。

不像FileLoader, ImageBitmapLoader无需避免对同一的URL进行多次请求。

注意纹理.flipY以及纹理:前乘性忽略ImageBitmap。ImageBitmap在创建位图时需要这些配置,不同于常规图像在上载到GPU时需要这些配置。您需要通过ImageBitmapLoader.setOptions相反。

例子

// 初始化一个加载器
var loader = new THREE.ImageBitmapLoader();

// set options if needed
loader.setOptions( { imageOrientation: 'flipY' } );

// 加载一个图片资源
loader.load(
    // 资源的URL
    'textures/skyboxsun25degtest.png',

    // onLoad回调
    function ( imageBitmap ) {
        var texture = new THREE.CanvasTexture( imageBitmap );
        var material = new THREE.MeshBasicMaterial( { map: texture } );
    },

    // 目前暂不支持onProgress的回调
    undefined,

    // onError回调
    function ( err ) {
        console.log( 'An error happened' );
    }
);

构造函数

ImageBitmapLoader( manager : LoadingManager )

manager — 加载器使用的loadingManager,默认为THREE.DefaultLoadingManager.

创建一个新的ImageBitmapLoader.

属性

共有属性请参见其基类Loader。

.options : String

一个可选对象,用来设置内部使用的createImageBitmap工厂方法, 默认为undefined.

方法

共有方法请参见其基类Loader。

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

url 文件的URL或者路径,也可以为 Data URI.
onLoad 加载完成时将调用。回调参数为将要加载的image.
onProgress 此回调函数暂时不支持
onError 在加载错误时被调用。

从URL中进行加载,并返回将包含数据的image对象。

.setOptions ( options : Object ) : ImageBitmapLoader

设置createImageBitmap的选项对象。

JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。 大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
支付宝
9.99
无法付款,请点击这里
金额: 0
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟