HT for Web

Class: Graph3dView

ht.graph3d. Graph3dView

new Graph3dView(dataModel)

3D渲染引擎组件，可视化呈现数据模型的三维环境场景

Parameters:
Name Type Description
dataModel ht.DataModel

绑定的数据模型

Methods

addInteractorListener(listener, scope, ahead)

增加交互事件监听器

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头
See:
Example
 //示例：
graph3dView.addInteractorListener(function(event) {
		//event格式：
		{
			kind: 'clickData',//事件类型
			data: data,//事件相关的数据元素
			part: "part",//事件的区域,icon、label等
			event: e//html原生事件
		}
});

addPropertyChangeListener(listener, scope, ahead)

增加自身属性变化事件监听器

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头
See:

addViewListener(listener, scope, ahead)

监听视图事件，如布局、刷新等

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头

disableToolTip()

关闭ToolTip功能

dm(dataModel) → {ht.DataModel}

获取或设置数据模型，没有参数时相当于getDataModel，有参数时相当于setDataModel

Parameters:
Name Type Argument Description
dataModel ht.DataModel <optional>

数据模型
Returns:

dataModel

Type
ht.DataModel

enableToolTip()

启用ToolTip

getAspect() → {Number}

获取截头锥体的宽高比

Returns:
Type
Number

getAxisXColor() → {color}

获取x轴线颜色

Returns:
Type
color

getAxisYColor() → {color}

获取y轴线颜色

Returns:
Type
color

getAxisZColor() → {color}

获取z轴线颜色

Returns:
Type
color

getBoundaries() → {Array}

获取碰撞边界

Returns:
Type
Array

getBrightness(data) → {Number}

获取图元最终亮度，默认为1,大于1变亮，小于1变暗

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Number

getCanvas() → {HTMLCanvasElement}

获取渲染的画布

Returns:

画布

Type
HTMLCanvasElement

getCenter() → {Array}

获取拓扑中心点

Returns:

中心点坐标，格式：[x, y, z]

Type
Array

getCurrentSubGraph() → {ht.SubGraph}

获取当前子网

Returns:

子网对象

Type
ht.SubGraph

getDataAt(pointOrEvent) → {ht.Data}

传入逻辑坐标点或者交互event事件参数，返回当前点下的图元

Parameters:
Name Type Description
pointOrEvent Object | Event

逻辑坐标点或交互事件对象(如鼠标事件对象)
Returns:

点下的图元

Type
ht.Data

getDataInfoAt(pointOrEvent) → {Object}

传入逻辑坐标点或者交互event事件参数，返回当前点下的图元及part信息

Parameters:
Name Type Description
pointOrEvent Object | Event

逻辑坐标点或交互事件对象(如鼠标事件对象)
Returns:

图元和part信息

Type
Object

getDataModel() → {ht.DataModel}

获取绑定的数据模型

Returns:

数据模型

Type
ht.DataModel

getDatasInRect(rect) → {ht.List}

获取矩形区域内的图元

Parameters:
Name Type Description
rect rect

逻辑坐标区域
Returns:
Type
ht.List

getEditableFunc() → {function}

获取编辑过滤器函数

Returns:
Type
function

getEditSizeColor() → {color}

获取大小编辑控制条的颜色

Returns:
Type
color

getEye() → {Array}

获取眼睛（或Camera）所在位置，默认值为[0, 300, 1000]

Returns:

眼睛位置坐标，格式[x, y, z]

Type
Array

getFar() → {Number}

获取远端截面位置，默认值为10000

Returns:
Type
Number

getFovy() → {Number}

获取垂直方向的视觉张角弧度，默认值为Math.PI/4

Returns:
Type
Number

getGridColor() → {color}

获取网格线颜色

Returns:
Type
color

getGridGap() → {Number}

获取网格线间距

Returns:
Type
Number

getGridSize() → {Number}

获取网格行列数，默认为40

Returns:
Type
Number

getHeight() → {Number}

获取拓扑组件的布局高度

Returns:
Type
Number

getInteractors() → {ht.List}

获取交互器

Returns:
Type
ht.List

getLabel(data) → {String}

获取图元的label，用于在拓扑上显示文字信息，可重载返回自定义文字

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元label文字，默认返回data.s('label')||data.getName();

Type
String

getLabel2(data) → {String}

获取图元的第二个label，用于在拓扑上显示文字，可重载返回自定义文字

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元第二个label的文字，默认返回data.s('label2')

Type
String

getLabel2Background(data) → {color}

获取图元的第二个label的背景色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元第二个label的背景色，默认返回data.s('label2.background')

Type
color

getLabel2Color(data) → {color}

获取图元的第二个label的文字颜色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元第二个label的文字颜色，默认返回data.s('label2.color')

Type
color

getLabelBackground(data) → {color}

获取图元label的背景色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元label的背景色，默认返回data.s('label.background')

Type
color

getLabelColor(data) → {color}

获取图元label的文字颜色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元label的文字颜色，默认返回data.s('label.color')

Type
color

getMovableFunc() → {function}

获取移动过滤器函数

Returns:
Type
function

getMoveStep() → {Number}

获取移动漫游步进

Returns:
Type
Number

getNear() → {Number}

获取近端截面位置，默认值为10

Returns:
Type
Number

getNote(data) → {String}

获取图元的note，用于在拓扑上显示标注信息，可重载返回自定义文字

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元note文字，默认返回data.s('note')

Type
String

getNote2(data) → {String}

获取图元的第二个note，用于在拓扑上显示标注信息，可重载返回自定义文字

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元第二个note文字，默认返回data.s('note2')

Type
String

getNote2Background(data) → {color}

获取图元的第二个note的背景色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元第二个note的背景色，默认返回data.s('note2.background')

Type
color

getNoteBackground(data) → {color}

获取图元note的文字颜色，可重载返回自定义颜色

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元note的文字颜色，默认返回data.s('note.background')

Type
color

getOpacity(data) → {Number}

获取图元的透明度，可重载返回自定义透明度

Parameters:
Name Type Description
data ht.Data

图元
Returns:

图元透明度，默认返回data.s('opacity')

Type
Number

getOrthoWidth() → {Number}

获取正交投影宽度，默认为2000

Returns:
Type
Number

getRectSelectBackground() → {color}

获取框选选择框的背景色

Returns:
Type
color

getRotateStep() → {Number}

获取旋转步进

Returns:
Type
Number

getRotationEditableFunc() → {function}

获取旋转编辑过滤器函数

Returns:
Type
function

getSelectableFunc() → {function}

获取选择过滤器函数

Returns:
Type
function

getSelectionModel() → {ht.SelectionModel}

获取选中模型

See:
Returns:
Type
ht.SelectionModel

getSizeEditableFunc() → {function}

获取大小编辑过滤器

Returns:
Type
function

getTextureMap() → {Object}

获取组件内部的贴图映射表

Returns:
Type
Object

getToolTip(e) → {String}

获取ToolTip文字，可重载返回自定义的toolTip文字

Parameters:
Name Type Description
e Event

鼠标或Touch事件对象
Returns:

toolTip文字，默认取出鼠标下的图元，然后返回其getToolTip()

Type
String

getUp() → {Array}

获取摄像头正上方向，该参数一般较少改动，默认值为[0, 1, 0]

Returns:

格式：[x, y, z]

Type
Array

getView() → {HTMLDivElement}

获取拓扑组件的根层div

Returns:
Type
HTMLDivElement

getVisibleFunc() → {function}

获取可见过滤器函数

Returns:
Type
function

getWidth() → {Number}

获取拓扑组件的布局宽度

Returns:
Type
Number

getWireframe(data) → {Object}

定义图元立体线框效果

Parameters:
Name Type Description
data ht.Data

数据元素
Returns:
Type
Object
Example
 //示例:
g3d.getWireframe = function(data){
var visible = data.s('wf.visible');
 if(visible === true || (visible === 'selected' && this.isSelected(data))){
     return {
         color: data.s('wf.color'),
         width: data.s('wf.width'),
         short: data.s('wf.short'),
         mat: data.s('wf.mat')
     };
 }
},

invalidate(delay)

无效拓扑，并调用延时刷新

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)
See:

invalidateAll()

无效拓扑中的所有图元

invalidateData(data)

无效拓扑中的图元

Parameters:
Name Type Description
data ht.Data

要无效的图元

invalidateSelection()

无效选中模型中的图元

isAutoMakeVisible() → {Boolean}

选中图元时，是否自动平移拓扑以确保该图元出现在可见区域内

Returns:
Type
Boolean

isCenterAxisVisible() → {Boolean}

是否显示中心点轴线

Returns:
Type
Boolean

isDisabled() → {Boolean}

组件是否处于不可用状态，处于此状态时不能进行任何操作并且会遮挡一层蒙板

Returns:
Type
Boolean

isEditable(data) → {Boolean}

判断图元是否可被编辑

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isFirstPersonMode() → {Boolean}

是否是第一人称模式

Returns:
Type
Boolean

isGridVisible() → {Boolean}

是否显示网格

Returns:
Type
Boolean

isMouseRoamable() → {Boolean}

是否使用鼠标漫游，默认为true, 如果改为false, 则鼠标左键右键都不支持前进后退的操作功能， 但左键可拖拽编辑图元，右键可改变视角方向，采用这样的方式一般会结合键盘w|s|a|d按键进行漫游操作

Returns:
Type
Boolean

isMovable(data) → {Boolean}

判断图元是否可移动

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isOriginAxisVisible() → {Boolean}

是否显示坐标原点[0,0,0]轴线

Returns:
Type
Boolean

isOrtho() → {Boolean}

是否使用正交投影

Returns:
Type
Boolean

isPannable() → {Boolean}

是否允许平移操作

Returns:
Type
Boolean

isRectSelectable() → {Boolean}

是否允许框选操作

Returns:
Type
Boolean

isResettable() → {Boolean}

判断是否允许通过空格将拓扑复位

Returns:
Type
Boolean

isRotatable() → {Boolean}

是否可旋转

Returns:
Type
Boolean

isRotationEditable(data) → {Boolean}

判断图元是否可编辑旋转

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isSelectable(data) → {Boolean}

判断图元是否可被选中

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isSelected(data) → {Boolean}

判断图元是否被选中

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isSelectedById(id) → {Boolean}

根据id判断图元是否被选中

Parameters:
Name Type Description
id String | Number

图元id
Returns:
Type
Boolean

isSelectionModelShared() → {Boolean}

当前拓扑是否共享选中模型

Returns:
Type
Boolean

isSizeEditable(data) → {Boolean}

图元是否可编辑大小

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isVisible(data) → {Boolean}

判断图元是否可见

Parameters:
Name Type Description
data ht.Data

图元
Returns:
Type
Boolean

isWalkable() → {Boolean}

是否可进退

Returns:
Type
Boolean

isZoomable() → {Boolean}

是否可缩放

Returns:
Type
Boolean

iv(delay)

无效拓扑，并调用延时刷新，invalidate的缩写

Parameters:
Name Type Description
delay Number

延迟刷新的间隔事件(单位:ms)
See:

makeVisible(data)

平移拓扑以确保该图元在可见区域内

Parameters:
Name Type Description
data ht.Data

图元

mi(listener, scope, ahead)

增加交互事件监听器，addInteractorListener的缩写

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头
See:
Example
 //示例：
graph3dView.mi(function(event) {
		//event格式：
		{
			kind: 'clickData',//事件类型
			data: data,//事件相关的数据元素
			part: "part",//事件的区域,icon、label等
			event: e//html原生事件
		}
});

moveSelection(dx, dy, dz)

移动选中模型中图元的位置

Parameters:
Name Type Description
dx Number

x轴方向移动值
dy Number

y轴方向移动值
dz Number

z轴方向移动值

mp(listener, scope, ahead)

增加自身属性变化事件监听器，addPropertyChangeListener的缩写

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
ahead Boolean <optional>

是否将当前监听器插入到监听器列表开头
See:

onAutoLayoutEnded()

自动布局动画结束后时回调，可重载做后续处理

onBackgroundClicked(event)

单击拓扑背景时回调，可重载做后续处理

Parameters:
Name Type Description
event Event

事件对象

onBackgroundDoubleClicked(event)

双击拓扑背景时回调，默认调用upSubGraph()进入上一层子网，可重载改变默认逻辑或做后续处理

Parameters:
Name Type Description
event Event

事件对象

onDataClicked(data, e, part)

图元被点击时回调，可重载做后续处理

Parameters:
Name Type Description
data ht.Data

被点击的图元
e Event

事件对象
part Object

区域

onDataDoubleClicked(data, e, part)

图元被双击时回调，可重载做后续处理

Parameters:
Name Type Description
data ht.Data

双击的图元
e Event

事件对象
part Object

区域

onEdgeDoubleClicked(edge, e, part)

连线图元被双击时回调，默认调用edge.toggle()，可重载改变默认逻辑或做后续处理

Parameters:
Name Type Description
edge ht.Edge

连线
e Event

事件对象
part Object

区域

onGroupDoubleClicked(group, e, part)

组类型图元被双击时回调，默认实现调用group.toggle()，可重载改变默认逻辑或做后续处理

Parameters:
Name Type Description
group ht.Group

Group对象
e Event

事件对象
part Object

区域

onMoveEnded()

移动图元位置结束时回调，可重载做后续处理

onPanEnded()

手抓图平移拓扑图结束时回调，可重载做后续处理

onPinchEnded()

触屏进行双指缩放结束时回调，可重载做后续处理

onRectSelectEnded()

框选结束时回调，可重载做后续处理

onRotateEnded()

旋转结束时回调，可重载做后续处理

onSelectionChanged(event)

选中变化时回调，默认实现会使得该选中图元出现在拓扑图上的可见范围

Parameters:
Name Type Description
event Event

选中变化事件对象

onSubGraphDoubleClicked(subGraph, event, part)

子网图元被双击时回调，默认实现进入子网

Parameters:
Name Type Description
subGraph ht.SubGraph

子网对象
event Event

事件对象
part Object

区域

onWalkEnded(subGraph, event)

进退操作结束时回调，可重载做后续处理

Parameters:
Name Type Description
subGraph ht.SubGraph

子网对象
event Event

事件对象

onZoomEnded()

缩放动画结束时回调

pan(dx, dy, anim, firstPersonMode)

上下左右四个方向的平移，本质为eye和center同时做四个方向的相同偏移量， dx左右偏移参数，dy上下偏移参数，dx和dy一般代表屏幕移动像素， Graph3dView自动会换算成合理的3D空间逻辑坐标偏移量。
firstPersonMode参数为空时则默认采用Graph3dView#isFirstPersonMode()当前值， 如果为第一人称模式调用pan操作，该函数会考虑Graph3dView#getBoundaries()边界限制。

Parameters:
Name Type Argument Description
dx dx

x轴方向的偏移量
dy dy

y轴方向的偏移量
anim Boolean <optional>

是否使用动画
firstPersonMode Boolean <optional>

是否第一人称模式

redraw()

重绘拓扑

removeInteractorListener(listener, scope)

删除交互事件监听器

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
See:

removePropertyChangeListener(listener, scope)

删除自身属性变化事件监听器

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域

removeSelection()

删除所有选中的图元

removeViewListener(listener, scope)

删除视图事件监听器

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域

reset()

复位函数，调用该函数将eye、center和up三个变量设置为ht.Default上对应的 graph3dViewCenter、graph3dViewEye和graph3dViewUp初始默认值。

rotate(leftRight, upDown, anim, firstPersonMode)

上下左右四个方位旋转一定角度

Parameters:
Name Type Description
leftRight Number

水平旋转弧度
upDown Number

垂直旋转弧度
anim Boolean

是否使用动画
firstPersonMode Boolean

是否第一人称模式，为空时则采用Graph3dView#isFirstPersonMode()，该参数将影响旋转移动的参照标准，为默认非第一人称模式时， 旋转是以center为中心进行旋转，也就是围绕中心物体旋转，当为第一人称时旋转以eye为中心进行旋转，也就是旋转眼睛朝向方向。

selectAll()

选中拓扑中所有图元

setAspect(v)

设置截头锥体的宽高比，该参数默认自动根据屏幕的宽高比决定，一般不需要设置。

Parameters:
Name Type Description
v Number

setAutoMakeVisible(v)

设置当选中图元时，是否自动平移拓扑以确保该图元出现在可见区域内

Parameters:
Name Type Description
v Boolean

setAxisXColor(color)

设置x轴线颜色

Parameters:
Name Type Description
color color

setAxisYColor(color)

设置y轴线颜色

Parameters:
Name Type Description
color color

setAxisZColor(color)

设置z轴线颜色

Parameters:
Name Type Description
color color

setBoundaries(boundaries)

设置碰撞边界

Parameters:
Name Type Description
boundaries Array

边界数组
Example
 //示例：
g3d.setBoundaries([
  [
      p0.x, p0.y,
      p1.x, p1.y,
      p2.x, p2.y,
      p3.x, p3.y            
  ],
  [
      p4.x, p4.y,
      p5.x, p5.y,
      p6.x, p6.y            
  ]
]);

setCenter(center)

设置中心点

Parameters:
Name Type Description
center Array

中心点坐标，格式：[x, y, z]

setCenterAxisVisible(v)

设置是否显示中心点轴线

Parameters:
Name Type Description
v Boolean

setCurrentSubGraph(subGraph)

设置当前子网

Parameters:
Name Type Description
subGraph ht.SubGraph

子网对象

setDataModel() → {ht.DataModel}

设置绑定的数据模型

Returns:

数据模型

Type
ht.DataModel

setDisabled(value, iconUrl)

设置组件是否处于不可用状态，处于不可用状态时不能进行任何操作并且会遮挡一层蒙板

Parameters:
Name Type Argument Description
value Boolean

是否禁用组件
iconUrl String <optional>

蒙板上显示的icon的路径

setEditable(editable)

设置拓扑中的图元是否可编辑

Parameters:
Name Type Description
editable Boolean

setEditableFunc(func)

设置编辑过滤器函数

Parameters:
Name Type Description
func function

过滤器函数

setEditSizeColor(color)

设置大小编辑控制条的颜色

Parameters:
Name Type Description
color color

setEye(eye)

设置眼睛（或Camera）所在位置，默认值为[0, 300, 1000]

Parameters:
Name Type Description
eye Array

眼睛位置坐标，格式[x, y, z]

setFar(far)

设置远端截面位置，默认值为10000

Parameters:
Name Type Description
far Number

setFirstPersonMode(mode)

设置第一人称模式

Parameters:
Name Type Description
mode Boolean

setFovy(fovy)

设置垂直方向的视觉张角弧度，默认值为Math.PI/4

Parameters:
Name Type Description
fovy Number

setGridColor(color)

设置网格线颜色

Parameters:
Name Type Description
color color

setGridGap(gap)

设置网格线间距

Parameters:
Name Type Description
gap Number

setGridSize(size)

设置网格行列数，默认为40

Parameters:
Name Type Description
size Number

setGridVisible(v)

设置是否显示网格

Parameters:
Name Type Description
v Boolean

setHeight(height)

设置布局高度

Parameters:
Name Type Description
height Number

高度值

setInteractors(interactors)

设置交互器

Parameters:
Name Type Description
interactors ht.List

交互器对象集合

setMouseRoamable(v)

设置是否使用鼠标漫游，默认为true, 如果改为false, 则鼠标左键右键都不支持前进后退的操作功能， 但左键可拖拽编辑图元，右键可改变视角方向，采用这样的方式一般会结合键盘w|s|a|d按键进行漫游操作

Parameters:
Name Type Description
v Boolean

setMovableFunc(func)

设置移动过滤器函数

Parameters:
Name Type Description
func function

过滤器函数

setMoveStep(v)

设置移动漫游步进

Parameters:
Name Type Description
v Number

setNear(v)

设置近端截面位置，默认值为10

Parameters:
Name Type Description
v Number

setOriginAxisVisible(v)

设置是否显示坐标原点[0,0,0]轴线

Parameters:
Name Type Description
v Boolean

setOrtho(v)

设置是否使用正交投影

Parameters:
Name Type Description
v Boolean

setOrthoWidth(width)

设置正交投影宽度，默认为2000

Parameters:
Name Type Description
width Number

setPannable(v)

设置是否允许平移操作

Parameters:
Name Type Description
v Boolean

是否可平移

setRectSelectable(v)

设置拓扑上是否允许框选操作

Parameters:
Name Type Description
v Boolean

setRectSelectBackground(color)

设置框选选择框的背景色

Parameters:
Name Type Description
color color

颜色值

setResettable(v)

设置是否允许通过空格将拓扑复位

Parameters:
Name Type Description
v Boolean

setRotatable(v)

设置是否可旋转

Parameters:
Name Type Description
v Boolean

setRotateStep(v)

设置旋转步进

Parameters:
Name Type Description
v Number

setRotationEditableFunc(func)

设置图元是否可编辑旋转过滤器

Parameters:
Name Type Description
func function

setSelectionModelShared(v)

设置拓扑是否共享选中模型

Parameters:
Name Type Description
v Boolean

setSizeEditableFunc(func)

设置大小编辑过滤器

Parameters:
Name Type Description
func function

setUp(up)

设置摄像头正上方向，该参数一般较少改动，默认值为[0, 1, 0]

Parameters:
Name Type Description
up Array

格式：[x, y, z]

setVisibleFunc(func)

设置可见过滤器

Parameters:
Name Type Description
func function

过滤器函数

setWalkable(walkable)

设置是否可进退

Parameters:
Name Type Description
walkable Boolean

setWidth(width)

设置布局宽度

Parameters:
Name Type Description
width Number

setZoom(increment, anim)

缩放操作，默认操作模式意味着eye离center的远近变化，如果在Graph3dView#isOrtho()为true的正交投影情况下，缩放意味着改变Graph3dView#setOrthoWidth(width)的可视宽度范围。

Parameters:
Name Type Description
increment Number

步进的比例，调用zoomIn(anim)和zoomOut(anim)，等同于调用了setZoom(1.3, anim)和setZoom(1/1.3, anim)。
anim Boolean

是否使用动画

setZoomable(v)

设置是否可缩放

Parameters:
Name Type Description
v Boolean

sm() → {ht.SelectionModel}

获取选中模型，getSelectionModel的缩写

See:
Returns:
Type
ht.SelectionModel

toCanvas(background) → {HTMLCanvasElement}

将拓扑导出为canvas

Parameters:
Name Type Description
background color

背景色
Returns:
Type
HTMLCanvasElement

toDataURL(background) → {String}

将拓扑导出为base64格式字符串

Parameters:
Name Type Description
background color

背景色
Returns:
Type
String

umi(listener, scope)

删除交互事件监听器，removeInteractorListener的缩写

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
See:

ump(listener, scope)

删除自身属性变化事件监听器，removePropertyChangeListener的缩写

Parameters:
Name Type Argument Description
listener function

监听器函数
scope Object <optional>

监听器函数域
See:

validate()

立刻刷新拓扑

walk(step, anim, firstPersonMode)

同时改变eye和center的位置，也就是eye和center在两点建立的矢量方向上同时移动相同的偏移量。 如果为第一人称模式调用walk操作，该函数会考虑Graph3dView#getBoundaries()边界限制

Parameters:
Name Type Description
step Number

偏移的矢量长度值
anim Boolean

是否使用动画
firstPersonMode Boolean

是否是第一人称模式，为空时则采用Graph3dView#isFirstPersonMode()

zoomIn(anim)

相当于调用setZoom(1.3, anim)

Parameters:
Name Type Argument Description
anim Boolean <optional>

是否使用动画
See:

zoomOut(anim)

相当于调用setZoom(1/1.3, anim)

Parameters:
Name Type Argument Description
anim Boolean <optional>

是否使用动画
See:
欢迎交流 service@hightopo.com