BufferGeometry
Object3D
Raycaster
Camera
CubeCamera
PerspectiveCamera
OrthographicCamera
StereoCamera
Clock
Curve
CurvePath
Path
Shape
ShapePath
ArrowHelper
AxesHelper
BoxHelper
Box3Helper
CameraHelper
DirectionalLightHelper
GridHelper
PolarGridHelper
HemisphereLightHelper
PlaneHelper
PointLightHelper
SkeletonHelper
SpotLightHelper
Light
PointLight
RectAreaLight
SpotLight
DirectionalLight
HemisphereLight
LightShadow
PointLightShadow
AnimationLoader
AudioLoader
BufferGeometryLoader
CompressedTextureLoader
CubeTextureLoader
DataTextureLoader
FileLoader
ImageBitmapLoader
ImageLoader
Loader
LoaderUtils
MaterialLoader
ObjectLoader
TextureLoader
LoadingManager
Material
Box2
Box3
Color
Cylindrical
Euler
Frustum
Interpolant
Line3
MathUtils
Matrix3
Matrix4
Plane
Quaternion
AnimationAction
AnimationClip
AnimationMixer
AnimationObjectGroup
AnimationUtils
keyframeTrack
PropertyBinding
PropertyMixer
BooleanKeyframeTrack
QuaternionKeyframeTrack
StringKeyframeTrack
Audio
AudioAnalyser
AudioContext
AudioListener
PositionalAudio

ShapePath.toShapes()

介绍

ShapePath.toShapes()three.js 库中的方法,用于将 ShapePath 对象转换为一组 Shape 对象。 ShapePath 表示一个二维形状路径,可以由直线段、三次贝塞尔曲线和圆弧段组成。将 ShapePath 转换为 Shape 处理该路径,通过创建闭合子路径和填充曲线轮廓等操作创建 Shape 对象。

语法

ShapePath.toShapes(isCCW, noHoles)
  • isCCW (可选):一个布尔值,指定转换的子路径是否为逆时针方向。默认值为 true
  • noHoles (可选):一个布尔值,指定是否忽略 ShapePath 对象中的孔洞。默认值为 false

返回值

返回一个 Shape 对象数组,表示 ShapePath 对象转换后的形状。

示例

// 创建 ShapePath 对象
const shapePath = new THREE.ShapePath();

shapePath.moveTo(0, 0);
shapePath.lineTo(5, 0);
shapePath.quadraticCurveTo(5, 5, 0, 5);
shapePath.lineTo(0, 0);

// 转换为 Shape 对象
const shape = shapePath.toShapes();

注意事项

  • ShapePath 对象必须使用直线段、三次贝塞尔曲线和圆弧段来描述路径。
  • 如果 ShapePath 对象中存在孔洞,请确保在转换为 Shape 对象时不要忽略它们。
  • ShapePath 对象不能用于生成几何形状。要创建可渲染的三维对象,请将 Shape 对象传递给 ExtrudeGeometryShapeGeometry