基于MVC设计模式的视图渲染方法及装置制造方法及图纸

本申请实施例提供一种基于MVC设计模式的视图渲染方法及装置，应用于画布渲染层，所述画布渲染层由不同元素的视图模型组成，所述方法包括：接收编辑器层发送的视图渲染指令，根据所述视图渲染指令调用对应的容器基类接口，并根据所述容器基类接口的反馈结果确定对应的视图模型和基础图层；根据所述容器基类接口的反馈结果中的元素模型构建世界坐标系，并根据所述元素模型的连接锚点确定对应的元素图层；根据所述基础图层和所述元素图层生成对应的渲染引擎绘制指令并发送至对应的渲染引擎以进行元素渲染；本申请能够使得编辑器层与渲染层技术隔离，有效提高页面渲染效率。

【技术实现步骤摘要】

本申请涉及前端软件开发领域，具体涉及一种基于mvc设计模式的视图渲染方法及装置。

技术介绍

1、随着web应用的广泛开启，前端程序的开发方式发生了重大转变，从最初只负责处理简单的表单提交，到如今需要承载大型复杂的客户端应用，前端应用中也逐渐开始应用并沉淀一些优秀的设计模式。在ui程序设计模式中，最广为人知的三种设计模式分别为：mvc(model-view-controller)、mvvm(model-view-viewmodel)和mvp(model-view-presenter)。这些设计模式中的每一种都有其优点和缺点，它们都分别适用于不同的场景。而这些设计模式都诞生于一类比较普遍的应用程序，即ui交互程序。

2、无论代码多么优雅和清晰，最终用户都永远不会与它交互。而真正于用户打交道的是ui界面中的链接、图像、按钮、列表等空间。因此，用户对软件或应用程序的体验取决于我们如何设计这些ui交互组件，而这使得ui架构模式变得至关重要。

3、现有技术中的平面设计工具多采用vue框架实现，vue框架是一种基于mvvm设计模式的前端渲染框架，本文档来自技高网...

【技术保护点】

1.一种基于MVC设计模式的视图渲染方法，其特征在于，应用于画布渲染层，所述画布渲染层由不同元素的视图模型组成，所述方法包括：

2.根据权利要求1所述的基于MVC设计模式的视图渲染方法，其特征在于，所述根据所述视图渲染指令调用对应的容器基类接口，并根据所述容器基类接口的反馈结果确定对应的视图模型和基础图层，包括：

3.根据权利要求1所述的基于MVC设计模式的视图渲染方法，其特征在于，所述根据所述容器基类接口的反馈结果中的元素模型构建世界坐标系，包括：

4.根据权利要求1所述的基于MVC设计模式的视图渲染方法，其特征在于，所述根据所述元素模型的连接锚点确...

【技术特征摘要】

1.一种基于mvc设计模式的视图渲染方法，其特征在于，应用于画布渲染层，所述画布渲染层由不同元素的视图模型组成，所述方法包括：

2.根据权利要求1所述的基于mvc设计模式的视图渲染方法，其特征在于，所述根据所述视图渲染指令调用对应的容器基类接口，并根据所述容器基类接口的反馈结果确定对应的视图模型和基础图层，包括：

3.根据权利要求1所述的基于mvc设计模式的视图渲染方法，其特征在于，所述根据所述容器基类接口的反馈结果中的元素模型构建世界坐标系，包括：

4.根据权利要求1所述的基于mvc设计模式的视图渲染方法，其特征在于，所述根据所述元素模型的连接锚点确定对应的元素图层，包括：

5.根据权利要求4所述的基于mvc设计模式的视图渲染方法，其特征在于，所述对所述有向包围盒多边形和方向包围盒进行碰撞相交处理，根据经过所述碰撞...

【专利技术属性】
技术研发人员：董旭，陈峰，
申请(专利权)人：厦门稿定股份有限公司，
类型：发明
国别省市：