ZRender

Module: zrender/ZRender

zrender~ zrender/ZRender

new require("zrender/ZRender")(id, dom){ZRender}

zrender.js, line 132

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

Name Type Description
id string

唯一标识
dom HTMLElement

dom对象，不帮你做document.getElementById

Members

animationmodule:zrender/animation/Animation

idstring

实例 id

Methods

addGroup(group)

zrender.js, line 187

添加组到根节点

Name Type Description
group module:zrender/Group

addHoverShape(shape)

zrender.js, line 259

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

Name Type Description
shape Object

形状对象

addShape(shape)

zrender.js, line 177

添加图形形状到根节点

Name Type Description
shape module:zrender/shape/Base

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

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

zrender.js, line 335

动画

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

动画对象
path string

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

动画是否循环

clear()

zrender.js, line 491

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

clearAnimation()

zrender.js, line 396

停止所有动画

delGroup(groupId)

zrender.js, line 207

从根节点删除组

Name Type Description
groupId string

delShape(shapeId)

zrender.js, line 197

从根节点删除图形形状

Name Type Description
shapeId string

形状对象唯一标识

dispose()

zrender.js, line 500

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

getHeight()

zrender.js, line 428

获取视图高度

getId(){string}

zrender.js, line 168

获取实例唯一标识

getWidth()

zrender.js, line 421

获取视图宽度

hideLoading()

zrender.js, line 413

loading结束

modGroup(groupId, group)

zrender.js, line 229

修改组

Name Type Description
groupId string
group Object

modLayer(zLevel, config)

zrender.js, line 249

修改指定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 218

修改图形形状

Name Type Description
shapeId string

形状对象唯一标识
shape Object

形状对象

on(eventName, eventHandler, context)

zrender.js, line 460

事件绑定

Name Type Description
eventName string

事件名称
eventHandler function

响应函数
context Object optional

响应函数

refresh(callback)

zrender.js, line 280

视图更新

Name Type Description
callback function

视图更新后回调函数

refreshHover(callback)

zrender.js, line 298

绘制高亮层

Name Type Description
callback function

视图更新后回调函数

refreshNextFrame()

zrender.js, line 289

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

refreshShapes(shapeList, callback)

zrender.js, line 309

视图更新

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

需要更新的图形列表
callback function

视图更新后回调函数

render(callback)

zrender.js, line 269

渲染

Name Type Description
callback function

渲染结束后回调函数

resize()

zrender.js, line 317

调整视图大小

shapeToImage(e, width, height)

zrender.js, line 448

将常规shape转成image shape

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

showLoading(loadingEffect)

zrender.js, line 405

loading显示

Name Type Description
loadingEffect Object optional

loading效果对象

toDataURL(type, backgroundColor){string}

zrender.js, line 438

图像导出

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

背景色
Returns:
url

trigger(eventName, event)

zrender.js, line 482

事件触发

Name Type Description
eventName string

事件名称，resize，hover，drag，etc
event event optional

event dom事件对象

un(eventName, eventHandler)

zrender.js, line 471

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

Name Type Description
eventName string

事件名称
eventHandler function

响应函数