three.js TextGeometry

2023-02-16 17:50 更新

一個(gè)用于將文本生成為單一的幾何體的類。 它是由一串給定的文本,以及由加載的font(字體)和該幾何體ExtrudeGeometry父類中的設(shè)置所組成的參數(shù)來構(gòu)造的。

代碼示例

const loader = new FontLoader();

loader.load( 'fonts/helvetiker_regular.typeface.json', function ( font ) {

	const geometry = new TextGeometry( 'Hello three.js!', {
		font: font,
		size: 80,
		height: 5,
		curveSegments: 12,
		bevelEnabled: true,
		bevelThickness: 10,
		bevelSize: 8,
		bevelSegments: 5
	} );
} );

例子

geometry / text

構(gòu)造器

TextGeometry(text : String, parameters : Object)

text — 將要顯示的文本。

parameters — 包含有下列參數(shù)的對象:

  • font — THREE.Font的實(shí)例。
  • size — Float。字體大小,默認(rèn)值為100。
  • height — Float。擠出文本的厚度。默認(rèn)值為50。
  • curveSegments — Integer。(表示文本的)曲線上點(diǎn)的數(shù)量。默認(rèn)值為12。
  • bevelEnabled — Boolean。是否開啟斜角,默認(rèn)為false。
  • bevelThickness — Float。文本上斜角的深度,默認(rèn)值為20。
  • bevelSize — Float。斜角與原始文本輪廓之間的延伸距離。默認(rèn)值為8。
  • bevelSegments — Integer。斜角的分段數(shù)。默認(rèn)值為3。

可用的字體

文本幾何體使用 typeface.json所生成的字體。 一些已有的字體可以在/examples/fonts中找到,且必須在頁面中引入。

字體 字重 風(fēng)格 文件路徑
helvetiker normal normal /examples/fonts/helvetiker_regular.typeface.json
helvetiker bold normal /examples/fonts/helvetiker_bold.typeface.json
optimer normal normal /examples/fonts/optimer_regular.typeface.json
optimer bold normal /examples/fonts/optimer_bold.typeface.json
gentilis normal normal /examples/fonts/gentilis_regular.typeface.json
gentilis bold normal /examples/fonts/gentilis_bold.typeface.json
droid sans normal normal /examples/fonts/droid/droid_sans_regular.typeface.json
droid sans bold normal /examples/fonts/droid/droid_sans_bold.typeface.json
droid serif normal normal /examples/fonts/droid/droid_serif_regular.typeface.json
droid serif bold normal /examples/fonts/droid/droid_serif_bold.typeface.json

屬性

共有屬性請參見其基類ExtrudeGeometry。

.parameters : Object

一個(gè)包含著構(gòu)造函數(shù)中每個(gè)參數(shù)的對象。在對象實(shí)例化之后,對該屬性的任何修改都不會改變這個(gè)幾何體。

方法(Methods)

共有方法請參見其基類ExtrudeGeometry。

源代碼

examples/jsm/geometries/TextGeometry.js


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號