数据处理方法及装置制造方法及图纸

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

【技术实现步骤摘要】
数据处理方法及装置


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

技术介绍

[0002]Canvas即HTML的画布元素，用于绘制图像。Canvas元素本身并没有绘制能力，需要通过脚本来完成实际的绘图任务。Konvajs和Fabricjs是目前业界使用最多的两个Canvas库，在对Canvas中的元素进行操作时，Canvas元素只能监听到画布的第一层，无论Canvas绘制了多少个图形，Canvas都是一个整体，不能单独给某一个图形增加监听事件，所以需要设计完整的事件系统，事件系统通过计算鼠标在画布的位置和元素在画布的位置，确定是否选中该元素，通过计算和转换修改元素的位置和展示效果。
[0003]然而，使用上述Canvas库实现对于样式和功能的自定义很困难，对于库的拓展也很困难，需要开发人员花费大量时间，不能满足需求。

技术实现思路

[0004]有鉴于此，本申请实施例提供了一种数据处理方法。本申请同时涉及一种数据处理装置，一种计算本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种数据处理方法，其特征在于，包括：获取画布层的至少一个元素以及每个元素对应的元素信息；根据所述每个元素对应的元素信息在组件层中建立每个元素对应的功能组件；根据接收到的功能组件调整指令在所述每个元素对应的功能组件中确定待调整功能组件；响应于所述功能组件调整指令调整所述待调整功能组件，获得所述待调整功能组件对应目标元素的目标元素调整信息；基于所述目标元素调整信息调整所述目标元素。2.如权利要求1所述的方法，其特征在于，在获取画布层的至少一个元素以及每个元素对应的元素信息之后，还包括：传输所述每个元素对应的元素信息至组件层。3.如权利要求2所述的方法，其特征在于，根据所述每个元素对应的元素信息在组件层中建立每个元素对应的功能组件，包括：在组件层根据接收到的所述每个元素对应的元素信息绘制每个元素对应的功能组件。4.如权利要求1所述的方法，其特征在于，根据接收到的功能组件调整指令在所述每个元素对应的功能组件中确定待调整功能组件，包括：监听针对所述组件层的功能组件调整指令，获取所述功能组件调整指令的指令位置信息；根据所述指令位置信息确定待调整功能组件。5.如权利要求4所述的方法，其特征在于，所述功能组件调整指令包括移动指令、旋转指令或缩放指令。6.如权利要求1所述的方法，其特征在于，响应于所述功能组件调整指令调整所述待调整功能组件，包括：获取所述功能组件调整指令中携带的组件调整参数；根据所述组件调整参数调整所述待调整功能组件，获取目标功能组件。7.如权利要求6所述的方法，其特征在于，获得所述待调整功能组件对应目标元素的目标元素调整信息，包括：确定所述目标功能组件的目标组件信息和所...

【专利技术属性】
技术研发人员：曹亮能，张昊天，郑染秋，
申请(专利权)人：上海哔哩哔哩科技有限公司，
类型：发明
国别省市：