FontLoader

优质
小牛编辑
123浏览
2023-12-01

使用JSON格式中加载字体的一个类。返回Font, 返回值是表示字体的Shape类型的数组。 其内部使用FileLoader来加载文件。

你可以使用facetype.js在线转换字体。

代码示例

const loader = new THREE.FontLoader();
const font = loader.load(
  // 资源URL
  'fonts/helvetiker_bold.typeface.json',
  // onLoad回调
  function ( font ) {
    // do something with the font
    scene.add( font );
  },
  // onProgress回调
  function ( xhr ) {
    console.log( (xhr.loaded / xhr.total * 100) + '% loaded' );
  },
  // onError回调
  function ( err ) {
    console.log( 'An error happened' );
  }
);

例子

geometry / text / shapes
geometry / text

构造函数

FontLoader( manager : LoadingManager )

manager — 加载器所使用的loadingManager。默认值为THREE.DefaultLoadingManager.

创建一个新的FontLoader.

属性

共有属性请参见其基类Loader

方法

共有方法请参见其基类Loader

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

url — 文件的URL或者路径,也可以为 Data URI.
onLoad — 加载完成时将调用。回调参数是将要被加载的texture.
onProgress — 将在加载过程中进行调用。参数为XMLHttpRequest实例,实例包含totalloaded字节。
onError — 在加载错误时被调用。

从URL中进行加载,并将被加载的texture传递给onLoad。

.parse ( json : Object ) : Font

json — The JSON structure to parse.

JSON格式进行解析,并返回一个Font.

src/loaders/FontLoader.js