Class: VideoNode

视频节点

import { VideoNode } from '@jtopo/core';
let videoNode = new VideoNode(null, 0, 220, 100, 60);

// 图片：未播放时显示
videoNode.setImage('./assets/img/camer.png');

// 自动播放（视频加载后）
videoNode.autoplay = true;

// 视频源：支持类型参考各浏览器，MP4、mov等
videoNode.setVideo('./assets/video/video_demo.mov');

layer.addChild(videoNode);

Hierarchy

ImageNode
↳ VideoNode

Constructors

constructor

Properties

Accessors

Methods

Constructors

constructor

new VideoNode(text?, x?, y?, w?, h?)

Parameters

Name	Type	Default value
`text?`	`string`	`undefined`
`x`	`number`	`0`
`y`	`number`	`0`
`w`	`number`	`1`
`h`	`number`	`1`

Overrides

ImageNode.constructor

Properties

afterRender

Optional afterRender: Function

渲染后回调

Inherited from

ImageNode.afterRender

attributes

Readonly attributes: Object

Since

2.6.0 存放自定义属性（用于定义节点类型，和业务数据无关）

Index signature

▪ [key: string]: any

Inherited from

ImageNode.attributes

autoplay

autoplay: boolean

beforeRender

Optional beforeRender: Function

渲染前回调

obj.beforeRender = function(){
   if(this.x < 0){
       this.x = 0;
   }
   //...
}

Inherited from

ImageNode.beforeRender

children

Readonly children: NE[]

子节点（直接下级）

Inherited from

ImageNode.children

classList

Readonly classList: string[]

通过addClass添加的样式名称列表

Inherited from

ImageNode.classList

className

className: string

Overrides

ImageNode.className

data

Optional data: any

通常存放业务含义的数据

为了安全考虑，防止与对象属性冲突,用户最好使用该对象用户附加到该对象的自定义属性

Since

2.4.0

Inherited from

ImageNode.data

deep

deep: number

层级深度, Layer为0，下面第一层子节点为1，依次类推

只读

Inherited from

ImageNode.deep

destroyed

Readonly destroyed: boolean

是否已经被销毁

Inherited from

ImageNode.destroyed

draggable

draggable: boolean

是否可拖拽

Inherited from

ImageNode.draggable

dropAllowed

dropAllowed: boolean

是否可以作为拖拽目标

Since

2.4.0

Inherited from

ImageNode.dropAllowed

id

Optional id: string | number

id, 标识，由开发人员控制和设计

Inherited from

ImageNode.id

imageObject

Optional Readonly imageObject: HTMLImageElement

图片对象, 只读，不要修改绘制的时候使用

Inherited from

ImageNode.imageObject

inLinks

Readonly inLinks: Link[]

所有以本对象为结束点的Link对象数组

Inherited from

ImageNode.inLinks

isLayer

Optional Readonly isLayer: boolean

是否是Layer对象, 可以使用 instanceof 替代

Inherited from

ImageNode.isLayer

isLink

Optional Readonly isLink: boolean

是否是Link对象, 可以使用 instanceof 替代

Inherited from

ImageNode.isLink

isNode

isNode: boolean

是否是Node类的对象, 主要用于和Link区分

Inherited from

ImageNode.isNode

isPlaying

isPlaying: boolean = false

是否正在播放

isSelected

Readonly isSelected: boolean

是否被选中了

Inherited from

ImageNode.isSelected

name

Optional name: string

名称，可以在编辑时指定，运行时通过名称获取对象的引用

Inherited from

ImageNode.name

originPosition

Readonly originPosition: RectPositionType = 'center'

原点位置

Inherited from

ImageNode.originPosition

outLinks

Readonly outLinks: Link[]

所有以本对象为开始点的Link对象数组

Inherited from

ImageNode.outLinks

ownerLayer

Optional ownerLayer: Layer

所属的Layer

Since

2.6.0

Inherited from

ImageNode.ownerLayer

parent

Optional parent: NE

上级对象

Inherited from

ImageNode.parent

pointerEnabled

pointerEnabled: boolean

是否响应(鼠标、触摸屏指针），为false的时候，不响应动作

Since

2.6.0

Inherited from

ImageNode.pointerEnabled

rotateWithParent

rotateWithParent: boolean

是否跟随父节点旋转

Inherited from

ImageNode.rotateWithParent

selectedStyle

Optional selectedStyle: NodeSelectedStyleOptionsType | LinkSelectedStyleOptionsType

选中时的样式，如果不设置将使用默认的

Inherited from

ImageNode.selectedStyle

serializeable

serializeable: boolean

是否可序列化，默认true 如果为false，序列化时将跳过该对象

Inherited from

ImageNode.serializeable

showSelected

showSelected: boolean

是否显示选中的效果，默认显示

Inherited from

ImageNode.showSelected

style

Readonly style: Style

样式

Inherited from

ImageNode.style

title

Optional title: string

鼠标指向时显示的提示信息，和HTML中dom元素的title属性作用相同

Inherited from

ImageNode.title

type

Optional type: string

类型，自定义类型

可用于自定义节点，区分节点类型

比用data属性更方便一点

Inherited from

ImageNode.type

Accessors

bottom

get bottom(): number

Since

2.4.0

Returns

number

Inherited from

ImageNode.bottom

set bottom(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.bottom

height

get height(): number

Returns

number

Inherited from

ImageNode.height

set height(v): void

设置高度

注意：高度不能为0

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.height

image

get image(): string | HTMLImageElement

Since

2.5.0

Returns

string | HTMLImageElement

Inherited from

ImageNode.image

set image(v): void

Since

2.5.0

Parameters

Name	Type
`v`	`string` \| `HTMLImageElement`

Returns

void

Inherited from

ImageNode.image

imageSrc

get imageSrc(): string

获取图片的src (方便编辑或序列化时作为字符串来操作)

// 读取或判断
node.imageSrc === './img/abc.png'; // true
node.imageSrc === 'data:image/png;base64,.....'; // true

Returns

string

Inherited from

ImageNode.imageSrc

set imageSrc(v): void

使用src来设置图片 (方便编辑或序列化时作为字符串来操作)

// 设置
node.imageSrc = './img/abc.png';
node.imageSrc = 'data:image/png;base64,.....';

Parameters

Name	Type
`v`	`string`

Returns

void

Inherited from

ImageNode.imageSrc

left

get left(): number

Since

2.4.0

Returns

number

Inherited from

ImageNode.left

set left(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.left

right

get right(): number

Since

2.4.0

Returns

number

Inherited from

ImageNode.right

set right(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.right

rotation

get rotation(): number

旋转角度 (弧度)

Returns

number

Inherited from

ImageNode.rotation

set rotation(v): void

设置旋转角度 (弧度)

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.rotation

scaleX

get scaleX(): number

Returns

number

Inherited from

ImageNode.scaleX

set scaleX(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.scaleX

scaleY

get scaleY(): number

Returns

number

Inherited from

ImageNode.scaleY

set scaleY(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.scaleY

skewX

get skewX(): number

Returns

number

Inherited from

ImageNode.skewX

set skewX(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.skewX

skewY

get skewY(): number

Returns

number

Inherited from

ImageNode.skewY

set skewY(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.skewY

text

get text(): string

Returns

string

Inherited from

ImageNode.text

set text(v): void

Parameters

Name	Type
`v`	`string`

Returns

void

Inherited from

ImageNode.text

top

get top(): number

Since

2.4.0

Returns

number

Inherited from

ImageNode.top

set top(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.top

visible

get visible(): boolean

Returns

boolean

Inherited from

ImageNode.visible

set visible(v): void

Parameters

Name	Type
`v`	`boolean`

Returns

void

Inherited from

ImageNode.visible

width

get width(): number

Returns

number

Inherited from

ImageNode.width

set width(v): void

设置宽度

注意：宽度不能为0

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.width

x

get x(): number

Returns

number

Inherited from

ImageNode.x

set x(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.x

y

get y(): number

Returns

number

Inherited from

ImageNode.y

set y(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.y

z

get z(): number

Returns

number

Inherited from

ImageNode.z

set z(v): void

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.z

zIndex

get zIndex(): number

Returns

number

Inherited from

ImageNode.zIndex

set zIndex(v): void

设置zInde 相同父节点下的兄弟节点之间才有意义

Parameters

Name	Type
`v`	`number`

Returns

void

Inherited from

ImageNode.zIndex

Methods

addChild

addChild(child): VideoNode

增加子对象

父对象和zIndex均相同的情况下，后来add的会显示在上面
默认情况下所有对象的 zIndex是 1

Parameters

Name	Type
`child`	`NE`

Returns

VideoNode

Inherited from

ImageNode.addChild

addChildren

addChildren(childs): VideoNode

一次性增加多个对象, 比单个增加速度快很多，数量越多越明显！

注意：避免互为子节点、重复添加。

Parameters

Name	Type
`childs`	`NE`[]

Returns

VideoNode

Inherited from

ImageNode.addChildren

addClass

addClass(styleName): VideoNode

增加一个样式

obj.addClass('.focus');

Parameters

Name	Type
`styleName`	`string`

Returns

VideoNode

Inherited from

ImageNode.addClass

addEventListener

addEventListener(type, fn): void

Parameters

Name	Type
`type`	`"ended"` \| `"pause"` \| `"play"` \| `NEEventType`
`fn`	`Function`

Returns

void

Overrides

ImageNode.addEventListener

changeParent

changeParent(newParent): VideoNode

修改父对象但保持世界坐标不变

Parameters

Name	Type
`newParent`	`NE`

Returns

VideoNode

Inherited from

ImageNode.changeParent

clearStyles

clearStyles(): VideoNode

清除通过css或setStyles定义的所有样式

Returns

VideoNode

Inherited from

ImageNode.clearStyles

contains

contains(targe): boolean

方法返回一个布尔值，表示一个对象是否是给定节点的后代，即该节点本身、其直接子节点（children）、子节点的直接子节点等。备注：节点包含在自身内部。

Parameters

Name	Type
`targe`	`NE`

Returns

boolean

Inherited from

ImageNode.contains

destroy

destroy(): void

销毁，释放相关的资源引用,一旦销毁，对象不能再被访问，访问就会报错。

注意：销毁后，所有事件回调、动画、定时器等均不能再访问，否则会报错。

Returns

void

Overrides

ImageNode.destroy

dispatchEvent

dispatchEvent(event): void

分发事件

Parameters

Name	Type
`event`	`Event` \| `EventBase`

Returns

void

Inherited from

ImageNode.dispatchEvent

draw

draw(ctx): void

Parameters

Name	Type
`ctx`	`CanvasRenderingContext2D`

Returns

void

Inherited from

ImageNode.draw

getAABB

getAABB(recursive?): Rectangle

获取对象在Layer中的aabb包围盒 (包围盒是世界坐标系)

Parameters

Name	Type	Description
`recursive?`	`boolean`	是否将子节点包含在内

Returns

Rectangle

Inherited from

ImageNode.getAABB

getAnchor

getAnchor(name): AnchorProxy

根据名称获取并生成一个 ‘锚点‘

Parameters

Name	Type
`name`	`string`

Returns

AnchorProxy

Inherited from

ImageNode.getAnchor

getAttribute

getAttribute(name, defaultValue?): any

读取某个属性值

// 例如:
let v1 = obj.getAttribute('foo');       //如果foo属性不存在，则返回undefined
let v2 = obj.getAttribute('bar', 123);  //如果bar属性不存在，则返回123

Parameters

Name	Type	Description
`name`	`string`
`defaultValue?`	`any`	如果属性值为空时的默认替代

Returns

any

Inherited from

ImageNode.getAttribute

getChildren

getChildren(): NE[]

获取所有子对象

Returns

NE[]

Inherited from

ImageNode.getChildren

getComputedStyle

getComputedStyle(): Style

获取：主题、自定义样式类、css方法三者层叠后的样式结果

(只读，不要修改返回的对象)

Returns

Style

Inherited from

ImageNode.getComputedStyle

getImageObject

getImageObject(): Promise<HTMLImageElement>

获取图片

因为 node.image = 'abc.png' 和 node.setImage('abc.png') 是异步的

所以这里是异步的

node.getImageObject().then(function(image){
if(image == null){
   return;
}
console.log(image);
})

Returns

Promise<HTMLImageElement>

Inherited from

ImageNode.getImageObject

getInLinks

getInLinks(): Link[]

Returns

Link[]

Inherited from

ImageNode.getInLinks

getLinks

getLinks(): Link[]

获取所有连接到本对象的Link

Returns

Link[]

Inherited from

ImageNode.getLinks

getLocalPoint

getLocalPoint(t, segIndex?): PointLike

获取对象上某一点(本地坐标系)

Parameters

Name	Type	Description
`t`	`number`	[0-1] 在线段上的比例
`segIndex?`	`number`	线段索引(Node是矩形，有4条线段，索引：[0-3]）可选项

Returns

PointLike

Inherited from

ImageNode.getLocalPoint

getOutLinks

getOutLinks(): Link[]

Returns

Link[]

Inherited from

ImageNode.getOutLinks

getPoint

getPoint(t, segIndex?): PointLike

获取对象上某一点

Parameters

Name	Type	Description
`t`	`number`	[0-1] 在线段上的比例
`segIndex?`	`number`	线段索引(矩形，有4条线段，索引：[0-3]）可选项

Returns

PointLike

Inherited from

ImageNode.getPoint

getPointAnchor

getPointAnchor(x, y): AnchorProxy

根据本地坐标并生成一个 ’锚点‘

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

AnchorProxy

Inherited from

ImageNode.getPointAnchor

getRoot

getRoot(): VideoNode

获取'root'对象, 沿着parent一直向上追溯 , 直到parent为null或Layer对象结束

Returns

VideoNode

Inherited from

ImageNode.getRoot

getSegmentAnchor

getSegmentAnchor(t, segIndex): AnchorProxy

获取并生成线段上某个位置的 ’锚点’

Parameters

Name	Type
`t`	`number`
`segIndex`	`number`

Returns

AnchorProxy

Inherited from

ImageNode.getSegmentAnchor

getShape

getShape(): Shape

获取形状对象

Returns

Shape

Inherited from

ImageNode.getShape

getStyle

getStyle(name): any

读取某个样式的值

Parameters

Name	Type
`name`	`string`

Returns

any

Inherited from

ImageNode.getStyle

getWorldTransform

getWorldTransform(): Transform

获取世界坐标系变换

Returns

Transform

Inherited from

ImageNode.getWorldTransform

hasChild

hasChild(child): boolean

是否拥有某个下级子对象

Parameters

Name	Type
`child`	`NE`

Returns

boolean

Inherited from

ImageNode.hasChild

hasChildren

hasChildren(): boolean

是否拥有子对象

Returns

boolean

Inherited from

ImageNode.hasChildren

hasClass

hasClass(styleName): boolean

检测是否拥有某个样式类

node.hasClass('.focus');

Since

2.4.0

Parameters

Name	Type
`styleName`	`string`

Returns

boolean

Inherited from

ImageNode.hasClass

hasListener

hasListener(type): boolean

是否有该类型的监听

Parameters

Name	Type
`type`	`string`

Returns

boolean

Inherited from

ImageNode.hasListener

hide

hide(): VideoNode

隐藏

Returns

VideoNode

Inherited from

ImageNode.hide

hideAllChildren

hideAllChildren(): VideoNode

隐藏所有下级节点

Returns

VideoNode

Inherited from

ImageNode.hideAllChildren

hitTest

hitTest(x, y): boolean

判断给定的坐标（世界坐标系）是否在对象内部

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

boolean

Inherited from

ImageNode.hitTest

isConnected

isConnected(): boolean

是否被任意Link连接到

Since

2.4.0

Returns

boolean

Inherited from

ImageNode.isConnected

isVisible

isVisible(): boolean

判断是否可见

Returns

boolean

Inherited from

ImageNode.isVisible

localToWorldXY

localToWorldXY(x, y): Object

将一个本地坐标转到世界坐标系

Since

2.5.0

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

Object

Name	Type
`x`	`number`
`y`	`number`

Inherited from

ImageNode.localToWorldXY

markDirty

markDirty(): void

标记矩阵脏, 需要重新计算触发重绘

Returns

void

Inherited from

ImageNode.markDirty

pause

pause(): void

暂停

Returns

void

pickable

pickable(): boolean

是否可被拾取到，默认返回：pointerEnabled 属性

pickable() {
   return this.pointerEnabled;
}

Returns

boolean

Inherited from

ImageNode.pickable

play

play(): void

播放

Returns

void

querySelector

querySelector(querySelector): NE

功能类似querySelectorAll,但只返回第一个满足条件的对象或者null

Parameters

Name	Type
`querySelector`	`string` \| (`child`: `Node` \| `Link`) => `boolean`

Returns

NE

Inherited from

ImageNode.querySelector

querySelectorAll

querySelectorAll(querySelector?): NE[]

对象选择器

语法兼容DOM的Selector API标准（并不支持标准里的所有语法）

支持的语法形式如下：


//obj.querySelector(类名称)， 例如:
let ellipseNodes = layer.querySelectorAll('EllipseNode');
let links = layer.querySelector('Link');

//obj.querySelector(样式名称)，例如:
let serverNodes = layer.querySelectorAll('.server');
let activedObjs = layer.querySelectorAll('.active');

let arr = layer.querySelectorAll(obj => obj.x > 20 && obj.y < 100);

//obj.querySelector(ID);
let obj = layer.querySelectorAll('#123')[0];

//obj.querySelector([属性名称=""]); 
let arr = layer.querySelectorAll('[text="abc"]');
let arr2 = layer.querySelectorAll('[draggable=true]');

// obj.querySelector(类名称|样式名称[属性名称=""]); 
let obj = layer.querySelector('TextNode[x<=-200]');
let obj2 = layer.querySelector('.server[text="X86"]');

Parameters

Name	Type
`querySelector?`	`string` \| (`child`: `Node` \| `Link`) => `boolean`

Returns

NE[]

Inherited from

ImageNode.querySelectorAll

removeAllChildren

removeAllChildren(): VideoNode

移除所有子对象

Returns

VideoNode

Inherited from

ImageNode.removeAllChildren

removeAllClass

removeAllClass(): VideoNode

移除所有通过addClass添加的样式

obj.removeAllClass();

Returns

VideoNode

Inherited from

ImageNode.removeAllClass

removeAttribute

removeAttribute(name): void

移除一个属性

// 例如:
obj.removeAttribute('foo');

Parameters

Name	Type
`name`	`string`

Returns

void

Inherited from

ImageNode.removeAttribute

removeChild

removeChild(child): VideoNode

移除一个子对象

Parameters

Name	Type
`child`	`NE`

Returns

VideoNode

Inherited from

ImageNode.removeChild

removeChildren

removeChildren(childs): VideoNode

Parameters

Name	Type
`childs`	`NE`[]

Returns

VideoNode

Inherited from

ImageNode.removeChildren

removeClass

removeClass(styleName): void

移除一个样式

obj.removeClass('.focus');

Parameters

Name	Type
`styleName`	`string`

Returns

void

Inherited from

ImageNode.removeClass

removeEventListener

removeEventListener(type, fn): void

Parameters

Name	Type
`type`	`"ended"` \| `"pause"` \| `"play"` \| `NEEventType`
`fn`	`Function`

Returns

void

Overrides

ImageNode.removeEventListener

removeFromParent

removeFromParent(): VideoNode

从父容器中移除

Returns

VideoNode

Inherited from

ImageNode.removeFromParent

resize

resize(width, height): VideoNode

设置尺寸

Parameters

Name	Type	Description
`width`	`number`	宽度
`height`	`number`	高度

Returns

VideoNode

Inherited from

ImageNode.resize

resizeToFitImage

resizeToFitImage(): VideoNode

调整尺寸到图片的实际大小

Returns

VideoNode

Inherited from

ImageNode.resizeToFitImage

resizeWith

resizeWith(w, h): VideoNode

原有尺寸基础上增加

Parameters

Name	Type
`w`	`number`
`h`	`number`

Returns

VideoNode

Inherited from

ImageNode.resizeWith

rotate

rotate(angle): VideoNode

旋转

Parameters

Name	Type	Description
`angle`	`number`	旋转角度（弧度）

Returns

VideoNode

Inherited from

ImageNode.rotate

rotateWith

rotateWith(dAngle): VideoNode

旋转-增量性

Parameters

Name	Type	Description
`dAngle`	`number`	旋转角度的增量（弧度制）

Returns

VideoNode

Inherited from

ImageNode.rotateWith

scale

scale(x, y): VideoNode

缩放

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.scale

scaleBy

scaleBy(x, y): VideoNode

按系数缩放, 在当前缩放的基础上再乘以指定缩放系数

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.scaleBy

setAttribute

setAttribute(name, value): void

设置自定义属性

Parameters

Name	Type
`name`	`string`
`value`	`any`

Returns

void

Inherited from

ImageNode.setAttribute

setAttributes

setAttributes(attrs): VideoNode

一次性设置多个属性

// 一次性设置多个属性
obj.setAttributes({
foo: 'abc',
bar: false
});

Parameters

Name	Type
`attrs`	`string` \| { `[key: string]`: `any`; }

Returns

VideoNode

Inherited from

ImageNode.setAttributes

setImage

setImage(imgObj, fitSize?): Promise<HTMLImageElement>

设置节点的内容：（可以是图片、canvas）

// 图片(jpg、png、svg、gif 等常见格式)
let img = new Image();
img.src = "abc.jpg";
node.setImage(svgImg); 

// 图片路径
node.setImage("./img/abc.jpg");

// 加载后的处理
node.setImage("./img/abc.jpg").then(function(image){
   node.resize(image.width, image.height);
});

// 手动控制图片加载
let img = new Image();
img.src = "./img/abc.jpg";
img.onload = function(){
   node.setImage(img);
   node.resize(img.width, img.height);
};

// SVG字符串
import { ImageUtil } from '@jtopo/core';
let svgImg = ImageUtil.svgToImage(`<svg xmlns='http://www.w3.org/2000/svg' width="24" height="24"><path d="M18.4142136 4.41421356L19.5857864 5.58578644C20.366835 6.36683502 20.366835 7.63316498 19.5857864 8.41421356L8 20 4 20 4 16 15.5857864 4.41421356C16.366835 3.63316498 17.633165 3.63316498 18.4142136 4.41421356zM14 6L18 10"/></svg>`;
node.setImage(svgImg);

Parameters

Name	Type	Default value	Description
`imgObj`	`string` \| `HTMLImageElement`	`undefined`	图片对象(Image)、图片路径、或者Canvas
`fitSize`	`boolean`	`false`	图片加载完成后，节点尺寸是否自动调整到图片的实际大小, 默认false

Returns

Promise<HTMLImageElement>

Inherited from

ImageNode.setImage

setOriginOnLink

setOriginOnLink(t, lineSegmentIndex?): VideoNode

将节点定位到连线的某个位置上，该位置随连线变化而变

Parameters

Name	Type	Default value	Description
`t`	`number`	`undefined`	位置百分比
`lineSegmentIndex`	`any`	`null`	线段索引（默认是null，表示中间的线段）

Returns

VideoNode

Inherited from

ImageNode.setOriginOnLink

setOriginPosition

setOriginPosition(position): VideoNode

Parameters

Name	Type
`position`	`RectPositionType`

Returns

VideoNode

Inherited from

ImageNode.setOriginPosition

setSize

setSize(width, height): VideoNode

设置尺寸, 与resize完全等价

Parameters

Name	Type	Description
`width`	`number`	宽度
`height`	`number`	高度

Returns

VideoNode

Inherited from

ImageNode.setSize

setStyle

setStyle(styleName, value): VideoNode

设置某一个样式

Parameters

Name	Type
`styleName`	`StyleKeyType`
`value`	`any`

Returns

VideoNode

Inherited from

ImageNode.setStyle

setStyles

setStyles(styles): VideoNode

背景和边框的设置语法参考css样式, 图形绘制的语法使用cavnas属性设置，如下:

node.setStyles({
   // 用类似css语法设置节点的：边框、字体、背景 的属性
   border: '10px gray',
   borderRadius: 10,
   font: 'bold 20px serif',
   color: 'gray',
   backgroundColor: "rgba(128,128,128,0.2)",

   // 内边距（边框和图形的间距）
   padding: 10,

   // 用Canvas绘图属性来设置节点内图形的：填充、画笔粗细、颜色、字体位置
   strokeStyle: 'gray',
   fillStyle: 'rgba(0,0,255,0.2)',
   lineWidth: 3, 
   textPosition: 'center',
   textBaseline: 'middle',
});

Parameters

Name	Type
`styles`	`PartStyleOptionType`

Returns

VideoNode

Inherited from

ImageNode.setStyles

setText

setText(v): void

Parameters

Name	Type
`v`	`string`

Returns

void

Inherited from

ImageNode.setText

setVideo

setVideo(video): void

设置视频

Parameters

Name	Type	Description
`video`	`string` \| `HTMLVideoElement`	视频文件路径

Returns

void

setXY

setXY(x, y): VideoNode

设置坐标， translate的简写

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.setXY

setZIndex

setZIndex(index): void

设置zIndex

当两个同⽗元素z-index相同时，后⾯的元素显⽰在上⾯

Parameters

Name	Type	Description
`index`	`number`	建议范围 [1, 999]

Returns

void

Inherited from

ImageNode.setZIndex

show

show(): VideoNode

显示

Returns

VideoNode

Inherited from

ImageNode.show

showAllChildren

showAllChildren(): VideoNode

显示所有下级节点

Returns

VideoNode

Inherited from

ImageNode.showAllChildren

showCover

showCover(): void

显示封面图片

Deprecated

已过时，未来将移除

Returns

void

skew

skew(skewX, skewY): VideoNode

错切

Parameters

Name	Type
`skewX`	`number`
`skewY`	`number`

Returns

VideoNode

Inherited from

ImageNode.skew

toJSON

toJSON(): any

Returns

any

Inherited from

ImageNode.toJSON

translate

translate(x, y): VideoNode

平移对象，与setXY()完全等价

只是从图形的语义上平移更接近本质：有相对性的意识

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.translate

translateTo

translateTo(x, y): VideoNode

平移对象到指定位置(x,y)

Deprecated

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.translateTo

translateWith

translateWith(x, y): VideoNode

增量平移对象, 在对象原有的坐标基础上，增加偏移(dx,dy)。相当于: x += dx; y += dy。

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

VideoNode

Inherited from

ImageNode.translateWith

update

update(): void

请求更新画面

Returns

void

Inherited from

ImageNode.update

updateMatrix

updateMatrix(): VideoNode

Returns

VideoNode

Inherited from

ImageNode.updateMatrix

updateZIndex

updateZIndex(): VideoNode

更新直接下级子对象的zIndex

Returns

VideoNode

Inherited from

ImageNode.updateZIndex

worldToLocalXY

worldToLocalXY(x, y): Object

将一个世界坐标转到本地坐标系

Since

2.6.0

Parameters

Name	Type
`x`	`number`
`y`	`number`

Returns

Object

Name	Type
`x`	`number`
`y`	`number`

Inherited from

ImageNode.worldToLocalXY

Class: VideoNode ​

Hierarchy ​

Table of contents ​

Constructors ​

Properties ​

Accessors ​

Methods ​

Constructors ​

constructor ​

Parameters ​

Overrides ​

Properties ​

afterRender ​

Inherited from ​

attributes ​

Index signature ​

Inherited from ​

autoplay ​

beforeRender ​

Inherited from ​

children ​

Inherited from ​

classList ​

Inherited from ​

className ​

Overrides ​

data ​

Inherited from ​

deep ​

Inherited from ​

destroyed ​

Inherited from ​

draggable ​

Inherited from ​

dropAllowed ​

Inherited from ​

id ​

Inherited from ​

imageObject ​

Inherited from ​

inLinks ​

Inherited from ​

isLayer ​

Inherited from ​

isLink ​

Inherited from ​

isNode ​

Inherited from ​

isPlaying ​

isSelected ​

Inherited from ​

name ​

Inherited from ​

originPosition ​

Inherited from ​

outLinks ​

Inherited from ​

ownerLayer ​

Inherited from ​

parent ​

Inherited from ​

pointerEnabled ​

Inherited from ​

rotateWithParent ​

Inherited from ​

selectedStyle ​

Inherited from ​

serializeable ​

Inherited from ​

showSelected ​

Inherited from ​

style ​

Inherited from ​

title ​

Inherited from ​

type ​

Inherited from ​

Accessors ​

bottom ​

Returns ​

Class: VideoNode

Hierarchy

Table of contents

Constructors

Properties

Accessors

Methods

Constructors

constructor

Parameters

Overrides

Properties

afterRender

Inherited from

attributes

Index signature

Inherited from

autoplay

beforeRender

Inherited from

children

Inherited from

classList

Inherited from

className

Overrides

data

Inherited from

deep

Inherited from

destroyed

Inherited from

draggable

Inherited from

dropAllowed

Inherited from

id

Inherited from

imageObject

Inherited from

inLinks

Inherited from

isLayer

Inherited from

isLink

Inherited from

isNode

Inherited from

isPlaying

isSelected

Inherited from

name

Inherited from

originPosition

Inherited from

outLinks

Inherited from

ownerLayer

Inherited from

parent

Inherited from

pointerEnabled

Inherited from

rotateWithParent

Inherited from

selectedStyle

Inherited from

serializeable

Inherited from

showSelected

Inherited from

style

Inherited from

title

Inherited from

type

Inherited from

Accessors

bottom

Returns