图形绘制界面处理方法、终端设备和存储介质与流程

本发明实施例涉及图形处理，尤其涉及图形绘制界面处理方法、终端设备和存储介质。

背景技术：

1、在计算机辅助会议场景中，可能需要使用白板类应用作为会议过程中内容实时记录的工具。在白板类应用中，通过编写操作生成的图形可以视为以画布为单位进行数据管理，画布中的图形在具体显示时，以画板作为显示相关图形的载体，由画板提供图形移动、拉伸、无限展示、编辑等功能。

2、白板类应用中一般是以用户可见页面(例如整个屏幕区域)的2倍高宽定义画板的大小，在此高宽定义的基础上，用户调整可见图形内容的过程中，后端根据画板与可见页面的大小关系，更新画板在画布中对应的区域，重新渲染画板上的内容，使得可见页面全部保持对应在一个画板内部，从而可以将已渲染的内容显示到可见页面。

3、在更新画板在画布中对应区域时，需要重新渲染画板上的内容，渲染的是实际显示区域的四倍大小，而且可能会导致查看另一区域的图形后回到原有区域继续进行编写时，原有区域的编辑对象需要重新渲染，甚至可能因为画板的切换导致原有编辑数据丢失，用户记录数据的体验较差。

技术实现思路

1、本发明提供了图形绘制界面处理方法、终端设备和存储介质，以解决现有白板类应用进行编写过程中无效数据维护较多，而且可能因为画板的切换导致原有编辑数据丢失，用户记录数据的体验较差的技术问题。

2、第一方面，本发明实施例提供了图形绘制界面处理方法，包括：

3、在图形页面接收显示区域调整操作，图形页面用于基于层叠样式表绘制画布的全局或局部；画布中设置有锚点，锚点设置有层叠样式表的转换属性；画布中的图形元素作为锚点的子节点，以锚点的位置为参考记录绝对位置；

4、根据区域调整操作累积锚点相对于图形页面的原点的偏移量；

5、将偏移量作为属性参数赋予到锚点的转换属性；

6、根据转换属性对应的属性参数在图形页面绘制图形元素。

7、第二方面，本发明实施例还提供了一种终端设备，包括：

8、一个或多个处理器；

9、存储器，用于存储一个或多个程序；

10、当一个或多个程序被一个或多个处理器执行，使得交互平板实现如第一方面的图形绘制界面处理方法。

11、第三方面，本发明实施例还提供了计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现如第一方面的图形绘制界面处理方法。

12、上述图形绘制界面处理方法、终端设备和存储介质中，在图形页面接收显示区域调整操作，图形页面用于基于层叠样式表绘制画布的全局或局部，画布中设置有锚点，画布中的图形元素作为锚点的子节点，以锚点的位置为参考记录绝对位置；根据区域调整操作累积锚点相对于图形页面的原点的偏移量；将层叠样式表的转换属性设置到锚点，并将偏移量作为属性参数赋予到锚点的转换属性；根据转换属性对应的属性参数在图形页面绘制图形元素。通过将画布中的图形元素都挂到锚点在作为锚点的子元素，在显示过程中基于层叠样式表绘制画布中的内容，对图形页面的显示区域进行调整时，累积锚点相对于图形页面的原点的偏移量，并将偏移量作为属性参数赋予到锚点的转换属性，在基于层叠样式表进行绘制时，只需要渲染与实际显示区域相同的区域，而且基于画布中锚点的设计可以避免编写过程中，因为画板移动切换导致原有编辑数据丢失，提高了用户记录数据的体验。

技术特征：

1.图形绘制界面处理方法，其特征在于，包括：

2.根据权利要求1所述的图像绘制界面处理方法，其特征在于，所述图形页面被打开时，所述原点与锚点重合，所述偏移量初始化为0。

3.根据权利要求2所述的图形绘制界面处理方法，其特征在于，所述原点为所述图形页面的左上顶点。

4.根据权利要求1所述的图形绘制界面处理方法，其特征在于，还包括：

5.根据权利要求4所述的图形绘制界面处理方法，其特征在于，所述图形调整操作包括图形绘制操作和图形移动操作中的至少一种。

6.根据权利要求1所述的图形绘制界面处理方法，其特征在于，所述在图形页面接收显示区域调整操作，包括：

7.根据权利要求6所述的图形绘制界面处理方法，其特征在于，不同的所述交互事件对应有不同的交互提醒。

8.根据权利要求6所述的图形绘制界面处理方法，其特征在于，所述交互提醒包括对应于交互区域的外接边框临时显示和对应于交互图形元素的外接边框临时显示。

9.一种终端设备，其特征在于，包括：

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现或配合实现如权利要求1-8任一所述的图形绘制界面处理方法。

技术总结
本发明实施例公开了图形绘制界面处理方法、终端设备和存储介质，在图形页面接收显示区域调整操作，图形页面用于基于层叠样式表绘制画布的全局或局部，画布中设置有锚点，画布中的图形元素作为锚点的子节点，以锚点的位置为参考记录绝对位置；根据区域调整操作累积锚点相对于图形页面的原点的偏移量；将层叠样式表的转换属性设置到锚点，并将偏移量作为属性参数赋予到锚点的转换属性；根据转换属性对应的属性参数在图形页面绘制图形元素。通过将画布中的图形元素都挂到锚点在作为锚点的子元素，在显示过程中基于层叠样式表绘制画布中的内容时，只需渲染与实际显示区域相同的区域，可以避免编写过程中画板移动切换导致数据丢失，提高数据记录体验。

技术研发人员：王达昇
受保护的技术使用者：广州视臻信息科技有限公司
技术研发日：
技术公布日：2024/6/11