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

animationmodule:zrender/animation/Animation

idstring

实例 id

Methods

addGroup(group) zrender.js, line 184

添加组到根节点

Name	Type	Description
`group`	module:zrender/Group

addHoverShape(shape) zrender.js, line 256

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

Name	Type	Description
`shape`	Object	形状对象

addShape(shape) zrender.js, line 174

添加图形形状到根节点

Name	Type	Description
`shape`	module:zrender/shape/Base	形状对象，可用属性全集，详见各shape

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

动画

Name	Type	Description
`el`	string \| module:zrender/Group \| module:zrender/shape/Base	动画对象
`path`	string	需要添加动画的属性获取路径，可以通过a.b.c来获取深层的属性
`loop`	boolean	optional 动画是否循环

clear() zrender.js, line 488

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

clearAnimation() zrender.js, line 393

停止所有动画

delGroup(groupId) zrender.js, line 204

从根节点删除组

Name	Type	Description
`groupId`	string

delShape(shapeId) zrender.js, line 194

从根节点删除图形形状

Name	Type	Description
`shapeId`	string	形状对象唯一标识

dispose() zrender.js, line 497

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

getHeight() zrender.js, line 425

获取视图高度

getId(){string} zrender.js, line 165

获取实例唯一标识

getWidth() zrender.js, line 418

获取视图宽度

hideLoading() zrender.js, line 410

loading结束

modGroup(groupId, group) zrender.js, line 226

修改组

Name	Type	Description
`groupId`	string
`group`	Object

modLayer(zLevel, config) zrender.js, line 246

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

修改图形形状

Name	Type	Description
`shapeId`	string	形状对象唯一标识
`shape`	Object	形状对象

on(eventName, eventHandler, context) zrender.js, line 457

事件绑定

Name	Type	Description
`eventName`	string	事件名称
`eventHandler`	function	响应函数
`context`	Object	optional 响应函数

refresh(callback) zrender.js, line 277

视图更新

Name	Type	Description
`callback`	function	视图更新后回调函数

refreshHover(callback) zrender.js, line 295

绘制高亮层

Name	Type	Description
`callback`	function	视图更新后回调函数

refreshNextFrame() zrender.js, line 286

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

refreshShapes(shapeList, callback) zrender.js, line 306

视图更新

Name	Type	Description
`shapeList`	Array.<module:zrender/shape/Base>	需要更新的图形列表
`callback`	function	视图更新后回调函数

render(callback) zrender.js, line 266

渲染

Name	Type	Description
`callback`	function	渲染结束后回调函数

resize() zrender.js, line 314

调整视图大小

shapeToImage(e, width, height) zrender.js, line 445

将常规shape转成image shape

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

showLoading(loadingEffect) zrender.js, line 402

loading显示

Name	Type	Description
`loadingEffect`	Object	optional loading效果对象

toDataURL(type, backgroundColor){string} zrender.js, line 435

图像导出

Name	Type	Default	Description
`type`	string
`backgroundColor`	string	'#fff'	optional 背景色

Returns:

url

trigger(eventName, event) zrender.js, line 479

事件触发

Name	Type	Description
`eventName`	string	事件名称，resize，hover，drag，etc
`event`	event	optional event dom事件对象

un(eventName, eventHandler) zrender.js, line 468

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

Name	Type	Description
`eventName`	string	事件名称
`eventHandler`	function	响应函数