云凤蝶自由画布之道：分层模型

文章预览

概述 云凤蝶是一个 hpaPaaS，目标是为中后台应用研发提供简单、高效、高质量的研发方案。在云凤蝶的自由画布、属性面板和数据驱动等特性的支持下，不仅是前后端，甚至 PD、设计师都能直接参与研发工作。 这篇文章就来分享下，云凤蝶的自由画布之道。 在云凤蝶的自由画布里，一切都是分层的。最底下是诸如 antd 等画布组件的渲染层，往上是错误报告层、框选层、右键菜单层、对齐线层、间距线层、选中/锁定边框等等非常多的交互层。 例如，画布的交叉错误红色警告、参考线、标尺： 选中/锁定边框： 右键菜单： 直观上看，交互层是这样的结构： 这种结构是云凤蝶自由画布迭代了无数遍之后沉淀下来的。它把画布从顶层划分成了渲染和交互两个方面。渲染层 ………………………………