Class MxDbSVG

MxDbSVG 绘制SVG图形.

Hierarchy (view full)

Constructors

constructor

Properties

addEvent aryText children color dDashArray dDashRatio dLineWidth events fixedSize imagePath isLoadFromPath isLoadMaterialFromPath isSvgDirtyLocation layer lineWidthByPixels material opacity parent removeEvent renderOrder sGuid svg svgAlignmentRatio svgBoxSize svgChildColor svgMargin svgMirror svgPath svgPos svgReverse svgRotate svgSize useSvgColor use_smallcoord_display userData visible cmd draw isRegister

Methods

add addText bottom calcImageDrawRect calcSvgBoxSize calcSvgDrawRect calcSvgPosition calcVewSize clear clone create dwgIn dwgInHelp dwgOut dwgOutHelp emit erase fromJsonString getClosestPointTo getColor getDash getGeomExtents getGetLength getGripPoints getImagePath getLayer getLineWidth getLineWidthByPixels getMxObject getNodeByProperty getNodesByProperty getRenderOrder getSvgAlignmentRatio getSvgChildColor getSvgPath getSvgPostion getSvgSize getText getTypeName guid initGuid isDashLineDisplay isUseSmallcoordDisplay moveGripPointsAt objectId off on onDwgIn onDwgOut onEndGripEidt onStartGripEidt onViewChange reComputeSVG remove removeFromParent restoreDefaultRenderOrder rxInit setColor setDash setDashArray setDashLen setDashLineDisplay setDashRatio setGuid setImagePath setLayer setLineWidth setLineWidthByPixels setNeedUpdateDisplay setRenderOrder setSvg setSvgAlignmentRatio setSvgChildColor setSvgPath setSvgPostion setSvgSize setUseSmallcoordDisplay toJsonString toSmallcoord toSmallcoord2 top transformBy transformMove transformRotate transformScale traverse traverseParent worldDraw register use

Constructors

constructor

Properties

addEvent

addEvent: (<Key>(event, callback) => void) = ...

添加一个事件处理

Type declaration

    • <Key>(event, callback): void

    • Type Parameters

      • Key extends (keyof MxDbEntityEventsType) | (keyof RendererEventsType)

      Parameters

      • event: Key
      • callback: (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void)

      Returns void

Returns

void

Private aryText

aryText: MxDbSVGText[] = []

children

children: (MxDbEntity | MxDbSVG)[] = []

它的子节点集合

color

color: UnstableColor = 0xffffff

颜色值

dDashArray

dDashArray: number = 0

dDashRatio

dDashRatio: number = 0

dLineWidth

dLineWidth: number = 0

events

events: {
    [x: EventType]: Events[keyof Events][];
}

Type declaration

fixedSize

fixedSize: boolean = false

固定尺寸，图片和文字大小，取屏幕像素绘图单位。

Private imagePath

imagePath: string = ''

Private isLoadFromPath

isLoadFromPath: boolean = true

Private isLoadMaterialFromPath

isLoadMaterialFromPath: boolean = true

Private isSvgDirtyLocation

isSvgDirtyLocation: boolean = false

layer

layer: string = ''

lineWidthByPixels

lineWidthByPixels: boolean = true

Private material

material: null | MeshLambertMaterial = null

opacity

opacity: number = 1

设置透明度 0 ~ 1,1表示完全不透明，0表示全透明.

parent

parent: null | MxDbEntity | MxDbSVG = null

它的父节点

removeEvent

removeEvent: (<Key>(event, callback?) => void) = ...

删除一个事件处理

Type declaration

    • <Key>(event, callback?): void

    • Type Parameters

      • Key extends (keyof MxDbEntityEventsType) | (keyof RendererEventsType)

      Parameters

      • event: Key
      • Optional callback: (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void)

      Returns void

Returns

void

renderOrder

renderOrder: number = 30

显示顺序

Protected sGuid

sGuid: string = ''

Private svg

svg: any = null

Private svgAlignmentRatio

svgAlignmentRatio: Vector2 = ...

Private svgBoxSize

svgBoxSize: null | Vector3 = null

Private svgChildColor

svgChildColor: number[] = []

svgMargin

svgMargin: Vector2 = ...

svgMirror

svgMirror: boolean = false

Private svgPath

svgPath: string = ''

Private svgPos

svgPos: Vector3 = ...

svgReverse

svgReverse: boolean = false

是否倒置SVG图形

svgRotate

svgRotate: number = 0

延z轴旋转的数值

Private svgSize

svgSize: Vector2 = ...

useSvgColor

useSvgColor: boolean = false

使用svg的颜色

Protected use_smallcoord_display

use_smallcoord_display: boolean = false

userData

userData: {
    [key: string]: any;
} = {}

用户自定义数据.

Type declaration

  • [key: string]: any

visible

visible: boolean = true

该对象是否可见

Static cmd

cmd: string = 'Mx_ModelFixedSvg'

该类注册的cmd命令名称

Static draw

draw: (() => Promise<void>) = drawMxDbSVG

该类注册的cmd命令绘制函数

Type declaration

    • (): Promise<void>

    • Returns Promise<void>

Static isRegister

isRegister: boolean = false

该类是否已注册

Methods

add

addText

bottom

  • bottom(): void

  • bottom 同层级下最上层

    Returns void

Private calcImageDrawRect

  • calcImageDrawRect(mxObj): any

  • Parameters

    Returns any

Private calcSvgBoxSize

  • calcSvgBoxSize(objany): void

  • Parameters

    • objany: any

    Returns void

calcSvgDrawRect

  • calcSvgDrawRect(mxObj): any

  • Parameters

    Returns any

Private calcSvgPosition

  • calcSvgPosition(mxObj): void

  • Parameters

    Returns void

Private calcVewSize

  • calcVewSize(mxObj): number[]

  • Parameters

    Returns number[]

clear

clone

  • clone(type?): any

  • 复制克隆对象。

    Parameters

    • Optional type: number

      MxType.MxCloneType 传入参数区分是正常拷贝还是动态拷贝

    Returns any

    MxDbEntity

create

  • create(): MxDbSVG

  • 新创建一个自定义对象 (默认调用该对象的构造函数来创建新的对象)

    Returns MxDbSVG

    MxDbEntity

dwgIn

  • dwgIn(obj): boolean

  • 自定义对象数据输入，必须要实现该函数

    Parameters

    • obj: any

    Returns boolean

    boolean

    Example

     class MxLine extends MxDbEntity {
       dwgIn(obj) {
           // 必须调用 同步自定义数据对象输入
          this.onDwgIn(obj)
       }
     }

Protected dwgInHelp

  • dwgInHelp<T>(obj, aryProp, hooks?): boolean

  • 自定义对象数据输入，辅助函数.

    Type Parameters

    • T extends (string | {
          default: any;
          key: string;
      })[]

    Parameters

    • obj: any

      数据对象

    • aryProp: T

      属性名称列表

    • Optional hooks: {
          getCacheVal?: ((v) => any);
          getVal?: ((v) => any);
      }
      • Optional getCacheVal?: ((v) => any)

        归档数据构子函数 return null | undefined 默认深拷贝 ; return Value 返回数据

          • (v): any

          • Parameters

            • v: any

            Returns any

      • Optional getVal?: ((v) => any)

        交互数据输入钩子函数 return null | undefined 默认深拷贝 ; return Value 返回数据

          • (v): any

          • Parameters

            • v: any

            Returns any

    Returns boolean

    boolean

    Example

     class MxLine extends MxDbEntity {
       dwgIn(obj) {
           // 必须调用 同步自定义数据对象输入
          this.dwgInHelp(obj,["xxx"])
       }
     }

dwgOut

  • dwgOut(obj): object

  • 自定义对象数据输出，必须要实现该函数

    Parameters

    • obj: any

    Returns object

    object

    Example

     class MxLine extends MxDbEntity {
       dwgOut(obj) {
           // 必须调用 同步自定义数据对象输出
          this.onDwgOut(obj)
       }
     }

Protected dwgOutHelp

  • dwgOutHelp(obj, aryProp): any

  • 自定义对象数据输出 辅助函数.

    Parameters

    • obj: any
    • aryProp: (string | {
          default: any;
          key: string;
      })[]

    Returns any

    object

    Example

     class MxLine extends MxDbEntity {
       dwgOut(obj) {
           // 必须调用 同步自定义数据对象输出
          this.dwgOutHelp(obj,["xxx"])
       }
     }

emit

erase

  • erase(): boolean

  • 删除对象

    Returns boolean

    boolean

fromJsonString

  • fromJsonString(str): boolean

  • 从一个josn字符串加载数据.

    Parameters

    • str: string

    Returns boolean

    void

getClosestPointTo

  • getClosestPointTo(pt, iOperationType?): null | Vector3

  • 对一个点到这个对象的最近点 。 iOperationType == 0正常操作求值最近点. iOperationType == 1点选择操作求值最近点.

    Parameters

    • pt: Vector3
    • iOperationType: number = 0

    Returns null | Vector3

    void

getColor

getDash

getGeomExtents

getGetLength

getGripPoints

  • getGripPoints(): Vector3[]

  • 返回自定义对象的夹点.

    Returns Vector3[]

    Array<THREE.Vector3>

getImagePath

  • getImagePath(): string

  • 获取图片路径

    Returns string

getLayer

getLineWidth

getLineWidthByPixels

getMxObject

getNodeByProperty

  • getNodeByProperty<V>(name, value): undefined | MxDbEntity | MxDbSVG

  • 根据属性名称找到对应的Node节点

    Type Parameters

    • V = any

    Parameters

    • name: string

      属性名称

    • value: V

      属性值

    Returns undefined | MxDbEntity | MxDbSVG

    Example

    new Node().getNodeByProperty("id", "23548")

getNodesByProperty

getRenderOrder

getSvgAlignmentRatio

  • getSvgAlignmentRatio(): Vector2

  • Returns Vector2

getSvgChildColor

  • getSvgChildColor(): number[]

  • Returns number[]

getSvgPath

  • getSvgPath(): string

  • 获取SVG的路径

    Returns string

getSvgPostion

  • getSvgPostion(): Vector3

  • 获取SVG显示位置

    Returns Vector3

getSvgSize

  • getSvgSize(): Vector2

  • Returns Vector2

getText

getTypeName

guid

  • guid(): string

  • 返回唯一标识guid

    Returns string

    string

initGuid

isDashLineDisplay

isUseSmallcoordDisplay

moveGripPointsAt

  • moveGripPointsAt(index, offset): boolean

  • 移动自定义对象的夹点.

    Parameters

    • index: number
    • offset: Vector3

    Returns boolean

    boolean

objectId

  • objectId(): number

  • 得到对象的id.

    Returns number

    number

off

  • off<Key>(event, callback?): void

  • 销毁事件

    Type Parameters

    • Key extends (keyof MxDbEntityEventsType) | (keyof RendererEventsType)

    Parameters

    • event: Key

      事件名称

    • Optional callback: (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void)

      事件方法

    Returns void

on

  • on<Key>(event, callback): void

  • 订阅

    Type Parameters

    • Key extends (keyof MxDbEntityEventsType) | (keyof RendererEventsType)

    Parameters

    • event: Key

      事件名称

    • callback: (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void) | (() => void)

      事件回调

    Returns void

Protected onDwgIn

  • onDwgIn(obj): void

  • 自定义对象内部数据输入同步（重写实现dwgIn抽象方法时 必须在实现中调用 this.onDwgIn(obj)）

    Parameters

    • obj: any

      dwgIn抽象方法的回调数据

    Returns void

Protected onDwgOut

  • onDwgOut(obj): void

  • 自定义对象内部数据输出同步（重写实现dwgIn抽象方法 必须在实现中调用 this.onDwgIn(obj)

    Parameters

    • obj: any

      dwgOut抽象方法的回调数据

    Returns void

onEndGripEidt

onStartGripEidt

Protected onViewChange

  • onViewChange(): boolean

  • 视区显示比较发生成变化，继承类可以向应该事件，更新显示大小。

    Returns boolean

    boolean

reComputeSVG

  • reComputeSVG(): void

  • Returns void

remove

removeFromParent

restoreDefaultRenderOrder

rxInit

  • rxInit(): void

  • 初始自定义对象的类型信息.(如果需要实现该图形对象的保存数据和恢复数据的功能, 需要在项目中初始化一次该图形对象的类)

    Returns void

setColor

setDash

  • setDash(dDashArray, dDashRatio): MxDbSVG

  • 设置虚线数据

    Parameters

    • dDashArray: number
    • dDashRatio: number

    Returns MxDbSVG

    number

setDashArray

setDashLen

  • setDashLen(dashLen): MxDbSVG

  • 设置虚线 +实线的长度. dDashRatio确定虚线，与实线的比率.

    Parameters

    • dashLen: number

    Returns MxDbSVG

    number

setDashLineDisplay

setDashRatio

setGuid

  • setGuid(val): string

  • 修改唯一标识guid

    Parameters

    • val: string

    Returns string

    string

setImagePath

  • setImagePath(sPath, material?): void

  • 设置图片路径

    Parameters

    • sPath: string

      路径

    • Optional material: MeshLambertMaterial

    Returns void

setLayer

  • setLayer(layer): void

  • 设置图层

    Parameters

    • layer: string

    Returns void

    boolean

setLineWidth

setLineWidthByPixels

setNeedUpdateDisplay

  • setNeedUpdateDisplay(isImmediate?): boolean

  • 更新显示

    Parameters

    • Optional isImmediate: boolean

    Returns boolean

    boolean

setRenderOrder

  • setRenderOrder(renderOrder): void

  • 设置显示顺序 (通过显示顺序控制图层)

    Parameters

    • renderOrder: number

      显示顺序

    Returns void

setSvg

  • setSvg(svg): void

  • 设置svg对象

    Parameters

    • svg: any

    Returns void

setSvgAlignmentRatio

  • setSvgAlignmentRatio(alignmentRatio): void

  • 设置SVG 的调整比例

    Parameters

    • alignmentRatio: Vector2

      THREE.Vector2

    Returns void

setSvgChildColor

  • setSvgChildColor(aryColor): void

  • Parameters

    • aryColor: number[]

    Returns void

setSvgPath

  • setSvgPath(path, preload?): Promise<void>

  • 设置SVG的路径

    Parameters

    • path: string

      路径

    • preload: boolean = false

      是否提前加载SVG

    Returns Promise<void>

setSvgPostion

  • setSvgPostion(pos): void

  • 设置SVG显示位置

    Parameters

    • pos: Vector3

      THREE.Vector3

    Returns void

setSvgSize

  • setSvgSize(size): void

  • 设置SVG大小

    Parameters

    • size: Vector2

      THREE.Vector2 x表示宽度y表示高度

    Returns void

setUseSmallcoordDisplay

toJsonString

  • toJsonString(type?): string

  • 把一个对象变成一个json字体串.

    Parameters

    Returns string

    void

toSmallcoord

toSmallcoord2

top

  • top(): void

  • top 同层级下最上层 *

    Returns void

transformBy

  • transformBy(mat): void

  • 自定义实体的矩阵 坐标变换 (需要重写该方法实现如果通过矩阵对自定义实体进行操作 默认不会进行任何操作)

    Parameters

    • mat: Matrix4

      THREE.Matrix4 变化矩阵

    Returns void

    void

transformMove

  • transformMove(ptMove): void

  • 移动对象

    Parameters

    • ptMove: Vector3

    Returns void

    void

transformRotate

  • transformRotate(ptBase, angle): void

  • 旋转对象

    Parameters

    • ptBase: Vector3
    • angle: number

    Returns void

    void

transformScale

  • transformScale(ptBase, scale): void

  • 缩放对像

    Parameters

    • ptBase: Vector3
    • scale: number

    Returns void

    void

traverse

  • traverse(callback): void

  • 遍历它的所有子节点包括孙子节点，直到它包含的节点全部遍历完成并都执行传入的方法

    Parameters

    • callback: ((node) => void)

      回调函数

        • (node): void

        • Parameters

          • node: this

          Returns void

    Returns void

traverseParent

  • traverseParent<V>(callback): void

  • 让它的父节点依次冒泡执行传入的方法的方法

    Type Parameters

    Parameters

    • callback: ((node) => boolean | void)

      回调函数，第一个参数是父节点, callback的返回值为false 将停止继续传递

        • (node): boolean | void

        • Parameters

          • node: V

          Returns boolean | void

    Returns void

worldDraw

Static register

  • register(): void

  • 注册该类的cmd命令和初始化 (引入该类时自动注册 当该类的isRegister为ture时表示已经注册)

    Returns void

Static use

  • use<T>(callback?, data?): Promise<T>

  • 使用该类的cmd命令 执行默认的绘制功能

    Type Parameters

    Parameters

    • Optional callback: ((obj) => any)
        • (obj): any

        • Parameters

          • obj: T

          Returns any

    • Optional data: any

    Returns Promise<T>

Settings

Member Visibility

Theme

On This Page

constructoraddEventaryTextchildrencolordDashArraydDashRatiodLineWidtheventsfixedSizeimagePathisLoadFromPathisLoadMaterialFromPathisSvgDirtyLocationlayerlineWidthByPixelsmaterialopacityparentremoveEventrenderOrdersGuidsvgsvgAlignmentRatiosvgBoxSizesvgChildColorsvgMarginsvgMirrorsvgPathsvgPossvgReversesvgRotatesvgSizeuseSvgColoruse_smallcoord_displayuserDatavisiblecmddrawisRegisteraddaddTextbottomcalcImageDrawRectcalcSvgBoxSizecalcSvgDrawRectcalcSvgPositioncalcVewSizeclearclonecreatedwgIndwgInHelpdwgOutdwgOutHelpemiterasefromJsonStringgetClosestPointTogetColorgetDashgetGeomExtentsgetGetLengthgetGripPointsgetImagePathgetLayergetLineWidthgetLineWidthByPixelsgetMxObjectgetNodeByPropertygetNodesByPropertygetRenderOrdergetSvgAlignmentRatiogetSvgChildColorgetSvgPathgetSvgPostiongetSvgSizegetTextgetTypeNameguidinitGuidisDashLineDisplayisUseSmallcoordDisplaymoveGripPointsAtobjectIdoffononDwgInonDwgOutonEndGripEidtonStartGripEidtonViewChangereComputeSVGremoveremoveFromParentrestoreDefaultRenderOrderrxInitsetColorsetDashsetDashArraysetDashLensetDashLineDisplaysetDashRatiosetGuidsetImagePathsetLayersetLineWidthsetLineWidthByPixelssetNeedUpdateDisplaysetRenderOrdersetSvgsetSvgAlignmentRatiosetSvgChildColorsetSvgPathsetSvgPostionsetSvgSizesetUseSmallcoordDisplaytoJsonStringtoSmallcoordtoSmallcoord2toptransformBytransformMovetransformRotatetransformScaletraversetraverseParentworldDrawregisteruse