# 源码解析

# 1.整体架构

基于 MVC 模式的整体架构

  • 1.zrender.init 实例化 Storage、Painter、Handler
  • 2.实例化绘制的图形
  • 3.add 添加图形到 zrender 内部刷新视图

# 1.1 M (Storage.js)

负责数据的处理

# 1.2 V (Painter.js)

负责视图的绘制

# 1.3 C (Handler.js)

负责页面的事件交互