Class: ZRender

zrender~ ZRender

new ZRender(id, dom){ZRender}

zrender.js, line 129

ZRender接口类,对外可用的所有接口都在这里 非get接口统一返回支持链式调用

Name Type Description
id string

唯一标识

dom HTMLElement

dom对象,不帮你做document.getElementById

Members

idstring

实例 id

Methods

addGroup(group)

zrender.js, line 179

添加组到根节点

Name Type Description
group module:zrender/Group

addHoverShape(shape)

zrender.js, line 251

添加额外高亮层显示,仅提供添加方法,每次刷新后高亮层图形均被清空

Name Type Description
shape Object

形状对象

addShape(shape)

zrender.js, line 169

添加图形形状到根节点

Name Type Description
shape module:zrender/shape/Base

形状对象,可用属性全集,详见各shape

animate(el, path, loop){module:zrender/animation/Animation~Animator}

zrender.js, line 327

动画

Name Type Description
el string | module:zrender/Group | module:zrender/shape/Base

动画对象

path string

需要添加动画的属性获取路径,可以通过a.b.c来获取深层的属性

loop boolean optional

动画是否循环

clear()

zrender.js, line 482

清除当前ZRender下所有类图的数据和显示,clear后MVC和已绑定事件均还存在在,ZRender可用

clearAnimation()

zrender.js, line 388

停止所有动画

delGroup(groupId)

zrender.js, line 199

从根节点删除组

Name Type Description
groupId string

delShape(shapeId)

zrender.js, line 189

从根节点删除图形形状

Name Type Description
shapeId string

形状对象唯一标识

dispose()

zrender.js, line 491

释放当前ZR实例(删除包括dom,数据、显示和事件绑定),dispose后ZR不可用

getHeight()

zrender.js, line 420

获取视图高度

getId(){string}

zrender.js, line 160

获取实例唯一标识

getWidth()

zrender.js, line 413

获取视图宽度

hideLoading()

zrender.js, line 405

loading结束

modGroup(groupId, group)

zrender.js, line 221

修改组

Name Type Description
groupId string
group Object

modLayer(zLevel, config)

zrender.js, line 241

修改指定zlevel的绘制配置项

Name Type Description
zLevel string
config Object

配置对象

Name Type Default Description
clearColor string 0 optional

每次清空画布的颜色

motionBlur string false optional

是否开启动态模糊

lastFrameAlpha number 0.7 optional

在开启动态模糊的时候使用,与上一帧混合的alpha值,值越大尾迹越明显

position Array.<number> optional

层的平移

rotation Array.<number> optional

层的旋转

scale Array.<number> optional

层的缩放

zoomable boolean false optional

层是否支持鼠标缩放操作

panable boolean false optional

层是否支持鼠标平移操作

modShape(shapeId, shape)

zrender.js, line 210

修改图形形状

Name Type Description
shapeId string

形状对象唯一标识

shape Object

形状对象

on(eventName, eventHandler)

zrender.js, line 451

事件绑定

Name Type Description
eventName string

事件名称

eventHandler function

响应函数

refresh(callback)

zrender.js, line 272

视图更新

Name Type Description
callback function

视图更新后回调函数

refreshHover(callback)

zrender.js, line 290

绘制高亮层

Name Type Description
callback function

视图更新后回调函数

refreshNextFrame()

zrender.js, line 281

标记视图在浏览器下一帧需要绘制

refreshShapes(shapeList, callback)

zrender.js, line 301

视图更新

Name Type Description
shapeList Array.<module:zrender/shape/Base>

需要更新的图形列表

callback function

视图更新后回调函数

render(callback)

zrender.js, line 261

渲染

Name Type Description
callback function

渲染结束后回调函数

resize()

zrender.js, line 309

调整视图大小

shapeToImage(e, width, height)

zrender.js, line 440

将常规shape转成image shape

Name Type Description
e module:zrender/shape/Base
width number
height number

showLoading(loadingEffect)

zrender.js, line 397

loading显示

Name Type Description
loadingEffect Object optional

loading效果对象

toDataURL(type, backgroundColor){string}

zrender.js, line 430

图像导出

Name Type Default Description
type string
backgroundColor string '#fff' optional

背景色

Returns:
url

trigger(eventName, event)

zrender.js, line 473

事件触发

Name Type Description
eventName string

事件名称,resize,hover,drag,etc

event event optional

event dom事件对象

un(eventName, eventHandler)

zrender.js, line 462

事件解绑定,参数为空则解绑所有自定义事件

Name Type Description
eventName string

事件名称

eventHandler function

响应函数