一种基于模板的图形渲染方法及系统技术方案

本发明专利技术公开了一种基于模板的图形渲染方法及系统，涉及图形渲染技术领域

【技术实现步骤摘要】
一种基于模板的图形渲染方法及系统


[0001]本专利技术涉及图形渲染
，尤其涉及一种基于模板的图形渲染方法及系统
。

技术介绍

[0002]在现有的图形渲染技术中，开发人员需要编写复杂的代码来定义和呈现图形元素
。
这种方式对于非专业开发人员设计或需要快速原型设计的情况存在困难
。
为了简化图形的创建和渲染过程，基于模板的图形渲染技术应运而生，通过使用模板，用户可以轻松创建自定义的图形元素
。
[0003]然而，现有的通过模板定义图形元素的方式便捷性差，在数据经常变化的场景下，想要重新渲染图形需要手动去更新视图，无法专注于数据，导致渲染效率低，灵活性差
。

技术实现思路

[0004]本专利技术所要解决的是在数据经常变化的场景下，渲染效率低，灵活性差的问题，为了解决上述技术问题，本专利技术提供了一种基于模板的图形渲染方法及系统
。
[0005]第一个方面，提供了一种基于模板的图形渲染方法，包括：
[0006]创建用于定义图形元素的外观和行为的模板，并将创建的模板存入模板库；
[0007]从所述模板库中调用至少一个模板；
[0008]获取至少一个数据源，将调用的每个所述模板与对应的所述数据源绑定；
[0009]根据绑定有数据源的模板创建对应的图形元素；
[0010]将得到的所述图形元素渲染到画布上；
[0011]获取用户针对目标图形元素的交互操作，根据所述交互操作对所述目标图形元素进行处理；
[0012]获取绑定调整指令，根据所述绑定调整指令调整模板与数据源的绑定关系
。
[0013]在第一个方面的一种可能实现中，还包括：
[0014]获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源
。
[0015]在第一个方面的一种可能实现中，将得到的所述图形元素渲染到画布上，具体包括：
[0016]通过图形库或图形绘制
API
将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分
。
[0017]在第一个方面的一种可能实现中，将调用的每个所述模板与对应的所述数据源绑定之后，还包括：
[0018]获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整
。
[0019]在第一个方面的一种可能实现中，根据绑定有数据源的模板创建对应的图形元素之后，还包括：
[0020]获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和
/
或组合
。
[0021]第二个方面，提供了一种基于模板的图形渲染系统，包括：模板库
、
模板定义器
、
图形元素生成器
、
渲染引擎和用户交互处理器，其中：
[0022]所述模板定义器用于创建用于定义图形元素的外观和行为的模板，并将创建的模板存入所述模板库；
[0023]所述用户交互处理器用于供用户从所述模板库中调用至少一个模板；
[0024]所述用户交互处理器还用于获取至少一个数据源，将调用的每个所述模板与对应的所述数据源绑定；
[0025]所述图形元素生成器用于根据绑定有数据源的模板创建对应的图形元素；
[0026]所述渲染引擎用于将得到的所述图形元素渲染到画布上；
[0027]所述用户交互处理器还用于获取用户针对目标图形元素的交互操作，根据所述交互操作对所述目标图形元素进行处理；
[0028]所述用户交互处理器还用于获取绑定调整指令，根据所述绑定调整指令调整模板与数据源的绑定关系
。
[0029]在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源
。
[0030]在第二方面的一种可能实现中，所述渲染引擎具体用于通过图形库或图形绘制
API
将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分
。
[0031]在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整
。
[0032]在第二方面的一种可能实现中，所述用户交互处理器还用于获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和
/
或组合
。
[0033]本专利技术提供的图形渲染方法及系统，通过自定义模板，可以实现通过模板轻松创建
、
定制和呈现图形元素，并根据需求选择模板绑定数据源，可以使图形元素能够根据数据的变化而动态更新，可以实现数据驱动的图形渲染，使图形元素能够实时反映数据的变化，并通过交互操作进行修改和调整，对数据的绑定关系进行调整，实现了灵活
、
可定制的图形呈现能力，本方案确保了图形元素与数据源的一致性，并提供了优雅
、
直观的图形渲染体验，提高了渲染的效率和灵活性
。
[0034]本专利技术附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本专利技术实践了解到
。
附图说明
[0035]图1为本专利技术图形渲染方法的实施例提供的流程示意图；
[0036]图2为本专利技术图形渲染系统的实施例提供的结构框架示意图
。
具体实施方式
[0037]以下结合附图对本专利技术的原理和特征进行描述，所举实施例只用于解释本专利技术，并非用于限定本专利技术的范围
。
[0038]如图1所示，为本专利技术图形渲染方法的实施例提供的流程示意图，该基于模板的图形渲染方法包括：
[0039]S1
，创建用于定义图形元素的外观和行为的模板，并将创建的模板存入模板库；
[0040]应理解，模板是一个可配置的结构，包括图形元素的形状
、
样式
、
交互行为和数据绑定等方面的定义
。
用户可以选择适当的模板，然后通过指定属性和数据来创建各种图形元素，用户也可以根据需求创建自定义模板，并将其配置为适用于特定类型的图形元素
。
[0041]应理解，交互行为指的是对用户操作的响应动作，用户交互处理器可以捕获用户的鼠标点击
、
拖拽和缩放等操作，并根据用户的输入进行相应的处理
。
例如，某图形元素的交互行为是点击后放大，那么当用户点击该图形元素后，该图形元素就会放大
。
数据绑定指的是绑定哪个数据源，数据源可以是本地数据库
、
远程服务器或其本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.
一种基于模板的图形渲染方法，其特征在于，包括：创建用于定义图形元素的外观和行为的模板，并将创建的模板存入模板库；从所述模板库中调用至少一个模板；获取至少一个数据源，将调用的每个所述模板与对应的所述数据源绑定；根据绑定有数据源的模板创建对应的图形元素；将得到的所述图形元素渲染到画布上；获取用户针对目标图形元素的交互操作，根据所述交互操作对所述目标图形元素进行处理；获取绑定调整指令，根据所述绑定调整指令调整模板与数据源的绑定关系
。2.
根据权利要求1所述的基于模板的图形渲染方法，其特征在于，还包括：获取用户对任一所述图形元素的修改数据，根据所述修改数据更新对应的数据源
。3.
根据权利要求1所述的基于模板的图形渲染方法，其特征在于，将得到的所述图形元素渲染到画布上，具体包括：通过图形库或图形绘制
API
将得到的所述图形元素渲染到画布上，并在渲染过程中，将用于渲染的多个绘制操作进行组合，且仅绘制所述画布上发生变化的部分
。4.
根据权利要求1所述的基于模板的图形渲染方法，其特征在于，将调用的每个所述模板与对应的所述数据源绑定之后，还包括：获取用户对任一所述数据源的参数调整指令，根据所述参数调整指令对对应模板的外观进行调整
。5.
根据权利要求1所述的基于模板的图形渲染方法，其特征在于，根据绑定有数据源的模板创建对应的图形元素之后，还包括：获取用户的组合嵌套指令，根据所述组合嵌套指令，对生成的至少两个任意的所述图形元素进行嵌套和
/
或组合
。6.
一种基于模板的图形渲染系统，其特征在于，包括：模板库
、
模板定义器
、
...

【专利技术属性】
技术研发人员：吴娜，纪志强，王维成，李鉴，白靖，陈傲寒，吴健松，
申请(专利权)人：北京优锘科技股份有限公司，
类型：发明
国别省市：