企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持知识库和私有化部署方案 广告
### Canvas类 Canvas类是所有图形节点的容器,OkayPainter会根据Canvas的配置参数自动为页面插入canvas标签。 ### 属性 * width:Canvas的宽,等于外部容器样式宽度 * height:Canvas的高,等于外部容器样式的高度 * selectNode:当前选中的Node对象 * painter:当前canvas的上下文 * childs:当前canvas的所有元素 ### 函数 #### 构造函数 ~~~ let canvas = new okay.Canvas({ ele: 'canvas', canAction:true }) ~~~ 配置参数接受两个参数: * ele:容器DOM的ID,必需; * canAction:是否支持动画,默认为false。如果为false,canvas将只进行一次渲染,在canvas调用paint函数后,任何元素的属性修改都不能再次渲染。 #### addChild ~~~ canvas.addChild(circle) ~~~ 函数接受Node类的对象,canvas依据添加的先后关系构建层级关系,渲染元素。 #### removeChild ~~~ canvas.removeChild(circle) ~~~ 函数接收Node类的对象,canvas将从画布中移除circle元素 #### paint ~~~ canvas.paint() ~~~ 画布开始渲染元素,当canAction为true时将定期的渲染元素。