[发明专利]数据处理方法及装置

说明书

本申请提供数据处理方法及装置，其中所述数据处理方法包括：获取画布层的至少一个元素以及每个元素对应的元素信息；根据所述每个元素对应的元素信息在组件层中建立每个元素对应的功能组件；根据接收到的功能组件调整指令在所述每个元素对应的功能组件中确定待调整功能组件；响应于所述功能组件调整指令调整所述待调整功能组件，获得所述待调整功能组件对应目标元素的目标元素调整信息；基于所述目标元素调整信息调整所述目标元素。本申请实现了由功能组件接收调整指令，并将调整完成的数据传输至画布层用于对元素进行调整，从而实现用户对画布层中元素进行调整的目的。

技术领域

本申请涉及互联网技术领域，特别涉及一种数据处理方法。本申请同时涉及一种数据处理装置，一种计算设备，以及一种计算机可读存储介质。

背景技术

Canvas即HTML的画布元素，用于绘制图像。Canvas元素本身并没有绘制能力，需要通过脚本来完成实际的绘图任务。Konvajs和Fabricjs是目前业界使用最多的两个Canvas库，在对Canvas中的元素进行操作时，Canvas元素只能监听到画布的第一层，无论Canvas绘制了多少个图形，Canvas都是一个整体，不能单独给某一个图形增加监听事件，所以需要设计完整的事件系统，事件系统通过计算鼠标在画布的位置和元素在画布的位置，确定是否选中该元素，通过计算和转换修改元素的位置和展示效果。

然而，使用上述Canvas库实现对于样式和功能的自定义很困难，对于库的拓展也很困难，需要开发人员花费大量时间，不能满足需求。

发明内容

有鉴于此，本申请实施例提供了一种数据处理方法。本申请同时涉及一种数据处理装置，一种计算设备，以及一种计算机可读存储介质，以解决现有技术中存在的对功能、样式的自定义较为复杂，消耗开发人员大量时间的问题。

根据本申请实施例的第一方面，提供了一种数据处理方法，包括：

获取画布层的至少一个元素以及每个元素对应的元素信息；

根据所述每个元素对应的元素信息在组件层中建立每个元素对应的功能组件；

根据接收到的功能组件调整指令在所述每个元素对应的功能组件中确定待调整功能组件；

响应于所述功能组件调整指令调整所述待调整功能组件，获得所述待调整功能组件对应目标元素的目标元素调整信息；

基于所述目标元素调整信息调整所述目标元素。

根据本申请实施例的第二方面，提供了一种数据处理装置，包括：

获取模块，被配置为获取画布层的至少一个元素以及每个元素对应的元素信息；

建立模块，被配置为根据所述每个元素对应的元素信息在组件层中建立每个元素对应的功能组件；

确定模块，被配置为根据接收到的功能组件调整指令在所述每个元素对应的功能组件中确定待调整功能组件；

功能组件调整模块，被配置为响应于所述功能组件调整指令调整所述待调整功能组件，获得所述待调整功能组件对应目标元素的目标元素调整信息；

元素调整模块，被配置为基于所述目标元素调整信息调整所述目标元素。

根据本申请实施例的第三方面，提供了一种计算设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机指令，所述处理器执行所述计算机指令时实现所述数据处理方法的步骤。

根据本申请实施例的第四方面，提供了一种计算机可读存储介质，其存储有计算机指令，该计算机指令被处理器执行时实现所述数据处理方法的步骤。