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 431

清除hover层外所有内容

clearHover()

Painter.js, line 513

清除hover层所有内容

clearLayer(zLevel)

Painter.js, line 587

清除单独的一个层

Name Type Description
zLevel number

delLayer(zlevel)

Painter.js, line 476

删除指定层

Name Type Description
zlevel number

层所在的zlevel

dispose()

Painter.js, line 597

释放

getHeight()

Painter.js, line 680

获取绘图区域高度

getLayer(zlevel){module:zrender/Layer}

Painter.js, line 267

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

Name Type Description
zlevel number

getLayers(prevLayer)

Painter.js, line 365

获取所有已创建的层

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

getWidth()

Painter.js, line 673

获取绘图区域宽度

hideLoading()

Painter.js, line 537

loading结束

isLoading()

Painter.js, line 548

loading结束判断

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

Painter.js, line 455

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

刷新

Name Type Description
callback function

刷新结束后的回调函数

paintAll boolean

强制绘制所有shape

refreshHover()

Painter.js, line 496

刷新hover层

refreshShapes(shapeList, callback)

Painter.js, line 407

指定的图形列表

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

需要更新的图形元素列表

callback function optional

视图更新后回调函数

render(callback)

Painter.js, line 121

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

Name Type Description
callback function

绘画结束后的回调函数

resize()

Painter.js, line 555

区域大小变化后重绘

setLoadingEffect(loadingEffect){Painter}

Painter.js, line 423

设置loading特效

Name Type Description
loadingEffect Object

loading特效

showLoading(loadingEffect)

Painter.js, line 525

显示loading

Name Type Description
loadingEffect Object optional

loading效果对象

toDataURL(type, backgroundColor){string}

Painter.js, line 621

图像导出

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

背景色

Returns:
url