函数工具领域模型

shape

colorKeyrenderStylerotateConfigregionConfigisDrawisDrawHitparentindex

drawprepareStyledrawPathmoveToContainermoveBymoveTo

penLine(继承path)

addPoint() 需要优化点坐标，如补点

关联

组合

group绘图组

dataHandler模板的保存打开数据处理

StateManger

text

等近20个函数类型的处理逻辑

TemplateList

modleLsit 模块列表currModle 当前选中的模块是否修改过数据 方案待定isNewModle 是否是新模板

bindEvent（）deleteModle 数据成删除updateModle 更新addModlegetModle

mainLogic

activeObject 当前激活图形activeDot当前激活的点scale当前画布缩放值templateData当前模板数据mainDraw绘制画布内容shapeFactory函数图形工厂

pointerDown()pointerUp()pointerMove()DragMove()DragUp()Wheel()bigger()smaller()setActiveObject()设置当前激活元素或者dotupdateActiveObject()编辑函数后确认更新该函数 或者编辑dot坐标后更新deleteActiveObject()删除函数或者dotupdateObjectShowAttr()x轴坐标单位转换的时候去调用 更新所有函数的展示属性getObjectShowAttr()获取点或者函数右上角展示信息addFunObject（）函数弹出框生成 维护templateDataaddDot()描点生成或者点击画布生成点

继承

richText

Dot

circletextrelationWithFunction以下展示到右上角，不保存到模板数据中坐标值

updateShowAttr（）

viewLogic

mode：画板当前模式

pointerDown()pointerUp()pointerMove()DragMove()DragUp()Wheel()showFunctionAttr（）右上角属性展示管理

EventManger

上层UI交互

一次函数

functionExpression：str abfunType函数类型以下展示到右上角，不保存到模板数据中公式图片斜率单调性描述

computePoints()根据函数公式计算展示范围内的点坐标xydraw()updateShowAttr（）

shapeFactory

textFactory

处理输入文字，初始化样式

TextLogic文字输入处理

一次函数Factory

处理输入函数，解析对应到类的属性

dotDialog

isShow

bindEvent（）show（）input（）

stage绘图舞台

brushLogic画笔随鼠标绘制逻辑

toolbar

bottomBar 底部工具栏UI管理settingBar设置按钮UI管理leftFunlist左侧函数列表

settingBar

bindEvent（）

mianDraw

mainStage: Stage;mainLayer: Layer;activeLayer:layerpenLineLayer：LayercoordinateLayer：Layer

getThumbnail()获取当前模板resetTransform()切换模板，重置画布当前状态activeLayerToMainLayer()把activeLayer上的内容都移动到mainLayerdrawActiveBorder()绘制drawMainStage（）绘制所有层内容drawPenline()绘制画笔内容drawActiveLayer（）绘制激活元素或者点drawMainLayer()绘制MainLayer层内容setActiveShapeTop（）getHitObject()获取鼠标位置处的元素

底层状态数据管理

TemplateData

shapeListdotListpenLineListtextList

addShape()deleteShape()addDot()deleteDotaddPenline()deletePenline()updateObjectShowAttr() 遍历每个对象的updateShowAttr方法

..............

底层事件数据管理

Layer绘图层

attrView右上角属性展示区

isShow:type:类型data

bindEvent（）show();hide();

letFunList

椭圆

functionExpression：str abfunType函数类型(椭圆)椭圆定义方式（焦点在x轴还是y轴）以下展示到右上角，不保存到模板数据中公式图片焦点准线离心率

computePoints（）draw（）updateShowAttr（）

数据对象处理层

绘图底层结构

canvasContext对元素ctx进行矩阵封装

椭圆Factory

指数

functionExpression：str abcfunType函数类型以下展示到右上角，不保存到模板数据中公式图片定点定义域值域单调性\t

path

pointsisClosed

addPoint()changePoints()changePoint()

绘制处理层

中间逻辑层

circle

circleConfigisScaleRadius

changeRadiuschangeStartDegreechangeEndDegree

container父容器

undoredo

stateList

prev()next()

relationDotWithFun

dotKeyfunKeyfunType

指数Factory

bottomBar

funDialog

type 函数类型data 相关系数

bindEvent（）show() sure()input()//校验的过程

rubberLogic橡皮随鼠标擦除逻辑