Module: zrender/Painter

zrender/Painter

new require("zrender/Painter")(root, storage)

Painter.js, line 53
Name Type Description
root HTMLElement

绘图容器

storage module:zrender/Storage

Painter绘图模块

Author:
  • Kener (@Kener-林峰, kener.linfeng@gmail.com) errorrik (errorrik@gmail.com) pissang (https://www.github.com/pissang)

Members

rootHTMLElement

绘图容器

Methods

clear()

Painter.js, line 436

清除hover层外所有内容

clearHover()

Painter.js, line 518

清除hover层所有内容

clearLayer(zLevel)

Painter.js, line 592

清除单独的一个层

Name Type Description
zLevel number

delLayer(zlevel)

Painter.js, line 481

删除指定层

Name Type Description
zlevel number

层所在的zlevel

dispose()

Painter.js, line 602

释放

getHeight()

Painter.js, line 685

获取绘图区域高度

getLayer(zlevel){module:zrender/Layer}

Painter.js, line 272

获取 zlevel 所在层,如果不存在则会创建一个新的层

Name Type Description
zlevel number

getLayers(prevLayer)

Painter.js, line 370

获取所有已创建的层

Name Type Description
prevLayer Array.<module:zrender/Layer> optional

getWidth()

Painter.js, line 678

获取绘图区域宽度

hideLoading()

Painter.js, line 542

loading结束

isLoading()

Painter.js, line 553

loading结束判断

modLayer(zlevel, config, position, rotation, scale, zoomable, panable)

Painter.js, line 460

修改指定zlevel的绘制参数

Name Type Default 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

层是否支持鼠标平移操作

refresh(callback, paintAll)

Painter.js, line 141

刷新

Name Type Description
callback function

刷新结束后的回调函数

paintAll boolean

强制绘制所有shape

refreshHover()

Painter.js, line 501

刷新hover层

refreshShapes(shapeList, callback)

Painter.js, line 412

指定的图形列表

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

需要更新的图形元素列表

callback function optional

视图更新后回调函数

render(callback)

Painter.js, line 126

首次绘图,创建各种dom和context

Name Type Description
callback function

绘画结束后的回调函数

resize()

Painter.js, line 560

区域大小变化后重绘

setLoadingEffect(loadingEffect){Painter}

Painter.js, line 428

设置loading特效

Name Type Description
loadingEffect Object

loading特效

showLoading(loadingEffect)

Painter.js, line 530

显示loading

Name Type Description
loadingEffect Object optional

loading效果对象

toDataURL(type, backgroundColor){string}

Painter.js, line 626

图像导出

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

背景色

Returns:
url