Module: zrender/Painter

zrender/Painter

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

Painter.js, line 40
Name Type Description
root HTMLElement

绘图容器

storage module:zrender/Storage

Painter绘图模块

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

Classes

Layer

Members

rootHTMLElement

绘图容器

Methods

clear()

Painter.js, line 389

清除hover层外所有内容

clearHover()

Painter.js, line 473

清除hover层所有内容

clearLayer(zLevel)

Painter.js, line 547

清除单独的一个层

Name Type Description
zLevel number

delLayer(zlevel)

Painter.js, line 436

删除指定层

Name Type Description
zlevel number

层所在的zlevel

dispose()

Painter.js, line 557

释放

getHeight()

Painter.js, line 646

获取绘图区域高度

getLayer(zlevel)

Painter.js, line 268

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

Name Type Description
zlevel number

getLayers(prevLayer)

Painter.js, line 320

获取所有已创建的层

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

getWidth()

Painter.js, line 639

获取绘图区域宽度

hideLoading()

Painter.js, line 497

loading结束

isLoading()

Painter.js, line 508

loading结束判断

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

Painter.js, line 415

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

刷新

Name Type Description
callback function

刷新结束后的回调函数

paintAll boolean

强制绘制所有shape

refreshHover()

Painter.js, line 456

刷新hover层

refreshShapes(shapeList, callback)

Painter.js, line 365

指定的图形列表

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

需要更新的图形元素列表

callback function optional

视图更新后回调函数

render(callback)

Painter.js, line 105

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

Name Type Description
callback function

绘画结束后的回调函数

resize()

Painter.js, line 515

区域大小变化后重绘

setLoadingEffect(loadingEffect){Painter}

Painter.js, line 381

设置loading特效

Name Type Description
loadingEffect Object

loading特效

showLoading(loadingEffect)

Painter.js, line 485

显示loading

Name Type Description
loadingEffect Object optional

loading效果对象

toDataURL(type, backgroundColor){string}

Painter.js, line 581

图像导出

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

背景色

Returns:
url