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的选项对象。
Mos固件,小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统, 所有工程师都可以参与共同维护的闪电教程,让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编,让零散的知识点帮助更多的人。
X
选择支付方式:
立即支付
¥
9.99
无法付款,请点击这里
金额: 0 元
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
备注:
转账时请填写正确的金额和备注信息,到账由人工处理,可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码, 此过程可能需要15秒钟