一种基于模板的图形渲染方法及系统与流程

本发明涉及图形渲染，尤其涉及一种基于模板的图形渲染方法及系统。

背景技术：

1、在现有的图形渲染技术中，开发人员需要编写复杂的代码来定义和呈现图形元素。这种方式对于非专业开发人员设计或需要快速原型设计的情况存在困难。为了简化图形的创建和渲染过程，基于模板的图形渲染技术应运而生，通过使用模板，用户可以轻松创建自定义的图形元素。

2、然而，现有的通过模板定义图形元素的方式便捷性差，在数据经常变化的场景下，想要重新渲染图形需要手动去更新视图，无法专注于数据，导致渲染效率低，灵活性差。

技术实现思路

1、本发明所要解决的是在数据经常变化的场景下，渲染效率低，灵活性差的问题，为了解决上述技术问题，本发明提供了一种基于模板的图形渲染方法及系统。

2、第一个方面，提供了一种基于模板的图形渲染方法，包括：

3、创建用于定义图形元素的外观和行为的模板，并将创建的模板存入模板库；

4、从所述模板库中调用至少一个模板；

5、获取至少一个数据源，将调用的每个所述模板与对应的所述数据源绑定；

6、根据绑定有数据源的模板创建对应的图形元素；

7、将得到的所述图形元素渲染到画布上；

8、获取用户针对目标图形元素的交互操作，根据所述交互操作对所述目标图形元素进行处理；

9、获取绑定调整指令，根据所述绑定调整指令调整模板与数据源的绑定关系。

10、在第一个方面的一种可能实现中，还包括：

11、获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源。

12、在第一个方面的一种可能实现中，将得到的所述图形元素渲染到画布上，具体包括：

13、通过图形库或图形绘制api将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分。

14、在第一个方面的一种可能实现中，将调用的每个所述模板与对应的所述数据源绑定之后，还包括：

15、获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整。

16、在第一个方面的一种可能实现中，根据绑定有数据源的模板创建对应的图形元素之后，还包括：

17、获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和/或组合。

18、第二个方面，提供了一种基于模板的图形渲染系统，包括：模板库、模板定义器、图形元素生成器、渲染引擎和用户交互处理器，其中：

19、所述模板定义器用于创建用于定义图形元素的外观和行为的模板，并将创建的模板存入所述模板库；

20、所述用户交互处理器用于供用户从所述模板库中调用至少一个模板；

21、所述用户交互处理器还用于获取至少一个数据源，将调用的每个所述模板与对应的所述数据源绑定；

22、所述图形元素生成器用于根据绑定有数据源的模板创建对应的图形元素；

23、所述渲染引擎用于将得到的所述图形元素渲染到画布上；

24、所述用户交互处理器还用于获取用户针对目标图形元素的交互操作，根据所述交互操作对所述目标图形元素进行处理；

25、所述用户交互处理器还用于获取绑定调整指令，根据所述绑定调整指令调整模板与数据源的绑定关系。

26、在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源。

27、在第二方面的一种可能实现中，所述渲染引擎具体用于通过图形库或图形绘制api将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分。

28、在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整。

29、在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和/或组合。

30、本发明提供的图形渲染方法及系统，通过自定义模板，可以实现通过模板轻松创建、定制和呈现图形元素，并根据需求选择模板绑定数据源，可以使图形元素能够根据数据的变化而动态更新，可以实现数据驱动的图形渲染，使图形元素能够实时反映数据的变化，并通过交互操作进行修改和调整，对数据的绑定关系进行调整，实现了灵活、可定制的图形呈现能力，本方案确保了图形元素与数据源的一致性，并提供了优雅、直观的图形渲染体验，提高了渲染的效率和灵活性。

31、本发明附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明实践了解到。

技术特征：

1.一种基于模板的图形渲染方法，其特征在于，包括：

2.根据权利要求1所述的基于模板的图形渲染方法，其特征在于，还包括：

3.根据权利要求1所述的基于模板的图形渲染方法，其特征在于，将得到的所述图形元素渲染到画布上，具体包括：

4.根据权利要求1所述的基于模板的图形渲染方法，其特征在于，将调用的每个所述模板与对应的所述数据源绑定之后，还包括：

5.根据权利要求1所述的基于模板的图形渲染方法，其特征在于，根据绑定有数据源的模板创建对应的图形元素之后，还包括：

6.一种基于模板的图形渲染系统，其特征在于，包括：模板库、模板定义器、图形元素生成器、渲染引擎和用户交互处理器，其中：

7.根据权利要求6所述的基于模板的图形渲染系统，其特征在于，所述用户交互处理器还用于获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源。

8.根据权利要求6所述的基于模板的图形渲染系统，其特征在于，所述渲染引擎具体用于通过图形库或图形绘制api将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分。

9.根据权利要求6所述的基于模板的图形渲染系统，其特征在于，所述用户交互处理器还用于获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整。

10.根据权利要求6所述的基于模板的图形渲染系统，其特征在于，所述用户交互处理器还用于获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和/或组合。

技术总结
本发明公开了一种基于模板的图形渲染方法及系统，涉及图形渲染技术领域。该方法包括：创建模板并存入模板库；从模板库中调用模板；将调用的每个模板与对应的数据源绑定；根据绑定有数据源的模板创建对应的图形元素；将得到的图形元素渲染到画布上；获取用户针对目标图形元素的交互操作，根据交互操作对目标图形元素进行处理；获取绑定调整指令，根据绑定调整指令调整模板与数据源的绑定关系。本发明可以实现通过模板轻松创建、定制和呈现图形元素，可以使图形元素能够根据数据的变化而动态更新，使图形元素能够实时反映数据的变化，确保了图形元素与数据源的一致性，并提供了优雅、直观的图形渲染体验，提高了渲染的效率和灵活性。

技术研发人员：吴娜,纪志强,王维成,李鉴,白靖,陈傲寒,吴健松
受保护的技术使用者：北京优锘科技股份有限公司
技术研发日：
技术公布日：2024/1/15