Options
All
  • Public
  • Public/Protected
  • All
Menu

Class NgxSvgComponent

The Svg component.

See the ngx3js docs page for details.

<ngx3js-geometry
[type]="'Extrude'"
[depth]="map.depth" [steps]="1" [bevelEnabled]="false"
>
<ngx3js-svg [path]="map.path"></ngx3js-svg>
</ngx3js-geometry>
<ngx3js-mesh>
<ngx3js-svg
[type]="'line'"
[geometryType]="'buffer'"
[text]="' Three.js\nSimple text.'"
[align]="'center'"
[font]="'helvetiker'"
[weight]="'regular'"
[size]="100"
>
<ngx3js-material
[type]="'LineBasic'"
[color]="'0x006699'"
[side]="'double'"
></ngx3js-material>
</ngx3js-svg>
</ngx3js-mesh>

Hierarchy

Index

Constructors

Properties

Accessors

Methods

Constructors

constructor

Properties

Protected OBJECT3D_ATTR

OBJECT3D_ATTR: string[] = ...

Object3 d attr of abstract object3d component

Protected OBJECT_ATTR

OBJECT_ATTR: string[] = ...

Object attr of abstract subscribe component

Protected _changeList

_changeList: string[] = null

Change list of abstract subscribe component

Protected _needUpdate

_needUpdate: boolean = true

Need update of abstract subscribe component

align

align: string = null

The align of svg component

Notice - case insensitive.

bevelEnabled

bevelEnabled: boolean = null

The bevelEnabled of svg component

bevelOffset

bevelOffset: number = null

The bevelOffset of svg component

bevelSegments

bevelSegments: number = null

The bevelSegments of svg component

bevelSize

bevelSize: number = null

The bevelSize of svg component

bevelThickness

bevelThickness: number = null

The bevelThickness of svg component

Protected cachedGeometryList

cachedGeometryList: NgxAbstractGeometryComponent[] = []

Protected cachedLookatList

cachedLookatList: NgxLookatComponent[] = []

Protected cachedMaterialList

cachedMaterialList: NgxAbstractMaterialComponent[] = []

Protected cachedPositionList

cachedPositionList: NgxPositionComponent[] = []

Protected cachedRotationList

cachedRotationList: NgxRotationComponent[] = []

Protected cachedScaleList

cachedScaleList: NgxScaleComponent[] = []

castShadow

castShadow: boolean = null

Whether the object gets rendered into shadow map. Default is false.

center

center: boolean = false

The center of svg component

closed

closed: boolean = null

The closed of svg component

color

color: string | number = null

The color of svg component

computeVertexNormals

computeVertexNormals: boolean = false

The computeVertexNormals of svg component

Protected controllerList

controllerList: QueryList<NgxAbstractControllerComponent>

Content children of abstract object3d component

curvePath

curvePath: INgxVector[] = null

The curvePath of svg component

curvePathType

curvePathType: string = null

The curvePathType of svg component

Notice - case insensitive.

curveSegments

curveSegments: number = null

The curveSegments of svg component

curveType

curveType: string = null

The curveType of svg component

Notice - case insensitive.

debug

debug: boolean = false

Debug this Object

depth

depth: number = null

The depth of svg component

enabled

enabled: boolean = true

Enabled or Not

extrudePath

extrudePath: INgxVector[] = null

The extrudePath of svg component

extrudePathType

extrudePathType: string = null

The extrudePathType of svg component

Notice - case insensitive.

font

font: string = null

The font of svg component

frustumCulled

frustumCulled: boolean = null

When this is set, it checks every frame if the object is in the frustum of the camera before rendering the object. If set to false the object gets rendered every frame even if it is not in the frustum of the camera. Default is true.

geometry

geometry: any = null

The geometry of mesh

Protected geometryList

geometryList: QueryList<NgxAbstractGeometryComponent>

Content children of mesh component

geometryType

geometryType: string = 'shape'

The geometryType of svg component

Notice - case insensitive.

Protected id

id: string = ''

The Id of abstract subscribe component

isCCW

isCCW: boolean = null

The isCCW of svg component

material

The material of mesh

materialIsArray

materialIsArray: boolean = null

The material of mesh is array

Protected materialList

materialList: QueryList<NgxAbstractMaterialComponent>

Content children of abstract object3d component

matrixAutoUpdate

matrixAutoUpdate: boolean = null

When this is set, it calculates the matrix of position, (rotation or quaternion) and scale every frame and also recalculates the matrixWorld property. Default is Object3D.DefaultMatrixAutoUpdate (true).

name

name: string = null

The name of the object (doesn't need to be unique). Default is an empty string.

noHoles

noHoles: boolean = null

The noHoles of svg component

Protected object3d

object3d: I3JS.Object3D<Event> = null

The Object3d of abstract object3d component

Protected object3dList

object3dList: QueryList<NgxAbstractObject3dComponent>

Content children of abstract object3d component

onDestory

onDestory: EventEmitter<NgxSvgComponent> = ...

Will be called when before destory. The argument will be the loaded self

onLoad

onLoad: EventEmitter<NgxSvgComponent> = ...

Will be called when load completes. The argument will be the loaded self

opacity

opacity: number = null

The opacity of svg component

overrideParams

overrideParams: {} = null

The override params

Type declaration

  • [key: string]: any

Protected parent

parent: any = null

The Parent of abstract subscribe component

Protected parentObject3d

parentObject3d: I3JS.Object3D<Event> = null

Parent object3d of abstract object3d component

path

path: string = null

The path of svg component

receiveShadow

receiveShadow: boolean = null

Whether the material receives shadows. Default is false.

Protected selfAny

selfAny: any = ...

shininess

shininess: number = null

The shininess of svg component

size

size: number = null

The size of svg component

steps

steps: number = null

The steps of svg component

stroke

stroke: number = null

The stroke of svg component

Protected subscribeType

subscribeType: string = null

Subscribe type of abstract subscribe component

tension

tension: number = null

The tension of svg component

text

text: string = null

The text of svg component

textAlign

textAlign: string = null

The textAlign of svg component

Notice - case insensitive.

translation

translation: NgxTranslationComponent = null

The translation of svg component

transparent

transparent: boolean = null

The transparent of svg component

tween

tween: {} = null

Tween animation params

Type declaration

  • [key: string]: any

type

type: string = 'mesh'

The type of svg component

Notice - case insensitive.

uVGenerator

uVGenerator: string = null

The uVGenerator of svg component

Notice - case insensitive.

url

url: string = null

The url of svg component

userData

userData: any = null

An object that can be used to store custom data about the Object3D. It should not hold references to functions as these will not be cloned.

visible

visible: boolean = true

Object gets rendered if true. Default is true.

weight

weight: string = null

The weight of svg component

Notice - case insensitive.

windowExport

windowExport: string = null

Export this Object to window global variables

wireframe

wireframe: boolean = null

The wireframe of svg component

Accessors

needUpdate

  • set needUpdate(value: boolean): void
  • Sets need update

    Parameters

    • value: boolean

    Returns void

Methods

addChanges

  • addChanges(key: string | string[] | SimpleChanges): void

addChildObject3d

addDebugLine

  • addDebugLine(objs: I3JS.Object3D<Event>[], lines: string[], prefix: string): string[]

addParentObject3d

addPosition

addRotation

applyChanges

  • applyChanges(changes: string[]): void

Protected applyChanges3d

  • applyChanges3d(changes: string[]): void

applyTextAlign

Protected callOnLoad

  • callOnLoad(): void

Protected checkChanges

  • checkChanges(changes: SimpleChanges): SimpleChanges

Protected clearChanges

  • clearChanges(): void

Protected consoleLog

  • consoleLog(key: string, object: any, level?: string): void

Protected consoleLogTime

  • consoleLogTime(key: string, object: any, repeat?: number): void

Protected destroyLocalComponent

  • destroyLocalComponent(key: string): void

dispose

  • dispose(): void

Protected getChanges

  • getChanges(): string[]

getGeometry

getId

  • getId(): string

Protected getMaterialOne

Protected getMaterials

Protected getMaterialsMulti

Protected getName

  • getName(def?: string): string

getObject

  • getObject<T>(): T

getObject3d

  • getObject3d<T>(): T

getObjectById

getObjectByName

getObjectByProperty

getObjectTop

getPaths

getPosition

getRotation

getSVGResult

  • getSVGResult(onload: (data: SVGResult) => void): void

getScale

getShapes

  • getShapes(onload: (data: I3JS.Shape[]) => void): void

getSubscribe

  • getSubscribe(): Observable<string[]>

getTagAttributeObject3d

Protected getTimeout

  • getTimeout(timeDelay?: number): Promise<void>

getUserData

  • getUserData(): {}

Protected getVisible

  • getVisible(def?: boolean): boolean

Protected initLocalComponent

  • initLocalComponent<T>(key: string, component: T): T

Protected isIdEuals

  • isIdEuals(id: string): boolean

ngAfterContentInit

  • ngAfterContentInit(): void

ngOnChanges

  • ngOnChanges(changes: SimpleChanges): void
  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated. default change detector has checked data-bound properties if at least one has changed, and before the view and content children are checked.

    Parameters

    • changes: SimpleChanges

      The changed properties.

    Returns void

ngOnDestroy

  • ngOnDestroy(): void

ngOnInit

  • ngOnInit(): void
  • A callback method that is invoked immediately after the default change detector has checked the directive's data-bound properties for the first time, and before any of the view or content children have been checked. It is invoked only once when the directive is instantiated.

    Returns void

removeObject3d

resetMeshes

  • resetMeshes(): void

resetTween

  • resetTween(): void

runSubscribeNext

  • runSubscribeNext(key: string | string[]): void

setLookat

Protected setObject

  • setObject(obj: any): void

Protected setObject3d

setParent

setParentObject3d

setPosition

setRotation

setScale

setScaleScalar

setSubscribeNext

  • setSubscribeNext(key: string | string[]): void

setSubscribeType

  • setSubscribeType(subscribeType: string): void

setTween

  • setTween(tweenData: {}): void

setTweenTarget

  • setTweenTarget(tweenTarget: any): void

setUserData

  • setUserData(key: string, value: any): void

setVisible

  • setVisible(visible: boolean, _?: boolean): void

showDebug

Protected subscribeListQuery

  • subscribeListQuery(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeListQueryChange

  • subscribeListQueryChange(queryList: QueryList<any>, subscribeKey: string, changeKey: string): void

Protected subscribeRefer

  • subscribeRefer(key: string, subscription: Subscription): void

Protected subscribeReferList

  • subscribeReferList(key: string, subscription: Subscription): void

Protected unSubscribeRefer

  • unSubscribeRefer(key: string): void

Protected unSubscribeReferList

  • unSubscribeReferList(key: string): void

Protected unSubscription

  • unSubscription(subscriptions: Subscription[]): Subscription[]

updateInputParams

  • updateInputParams(params: {}, firstChange?: boolean, changes?: SimpleChanges, type?: string): void

Generated using TypeDoc