[发明专利]画布扩展方法、装置、存储介质及终端

说明书

本申请实施例公开了一种画布扩展方法、装置、存储介质及终端，接收针对画布的移动指令，按照移动指令对应的移动方向移动承载画布的容器，画布包括第一边缘和第三边缘，视口包括第二边缘和第四边缘，第一边缘与第三边缘平行，第二边缘与第四边缘平行，第一边缘与第二边缘位于移动方向的同一侧，第三边缘与第四边缘位于移动方向的反方向的同一侧，画布至少包括相邻的第一区域和第二区域；当第一边缘与第二边缘重合时，触发将第一区域的第一内容绘制为第二内容，将第二区域的第二内容绘制为第三内容，并将容器沿着反方向移动至第三边缘与第四边缘重合的位置。采用本申请实施例，实现了绘图应用的画布无限扩展以进行无限绘图的功能。

技术领域

本申请涉及计算机技术领域，尤其涉及一种画布扩展方法、装置、存储介质及终端。

背景技术

通常需要使用画笔等功能在会议协作白板等web绘图应用或者web绘图功能上绘制内容，但仅仅是屏幕大小的绘制范围，不能满足用户需求。为了扩大绘制范围，实现无线画布的效果，一种方式为，使用尽可能大的画布，例如，如图1所示，视口是屏幕上用于显示web绘图应用的区域，使用5倍视口大小的画布，视口位于画布的正中心，通过移动画布，计算偏移量，根据该偏移量使得视口中展示出画布上不同位置的内容，从而实现了画布扩展的功能。但实现画布大小的扩展需要增加画布尺寸，当每次渲染或者绘制时，都需要先清空无限画布上所有内容，并且重新渲染，从而导致了随着画布变大，清除和重绘面积增加，导致画布在重新绘制图形数据时，延迟大，卡顿现象明显。在另一种方式为，使用与视口大小相同的画布(单倍画布)，如图2所示，在每次移动画布时，都需要重新计算各个点的位置，并重新绘制画布上的内容，达到画布扩展功能。由于每次移动画布，都会进行画布的清除，以及重新绘制的操作，当画布中的数据量多时，重绘的时间变长，甚至卡顿，并且每次移动都会触发重绘，效率低，可扩展性差。

发明内容

本申请实施例提供了一种画布扩展方法、装置、存储介质及终端，实现了绘图应用的画布无限扩展以进行无限绘制图形的功能，渲染快，效率高，并且重绘频次低，可扩展性好。技术方案如下：

第一方面，本申请实施例提供了一种画布扩展方法，应用于第一终端，第一终端安装有web绘图应用，画布是web绘图应用的用于承载绘制内容的区域，容器用于承载画布，视口是第一终端的屏幕上用于显示web绘图应用的区域，画布的第一长度为视口的第二长度的第一预设倍数，画布的第一宽度为视口的第二宽度的第二预设倍数，第一预设倍数和第二预设倍数均大于1，接收针对画布的移动指令，按照移动指令对应的移动方向移动承载画布的容器，画布包括第一边缘和第三边缘，视口包括第二边缘和第四边缘，第一边缘与第三边缘平行，第二边缘与第四边缘平行，第一边缘与第二边缘位于移动方向的同一侧，第三边缘与第四边缘位于移动方向的反方向的同一侧，画布至少包括相邻的第一区域和第二区域，第一区域绘制第一内容，第二区域绘制第二内容；

当第一边缘与第二边缘重合时，触发将第一区域的第一内容绘制为第二内容，将第二区域的第二内容绘制为第三内容，并将容器沿着反方向移动至第三边缘与第四边缘重合的位置。

第二方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法步骤。

第三方面，本申请实施例提供一种终端，可包括：处理器和存储器；其中，所述存储器存储有计算机程序，所述计算机程序适于由所述处理器加载并执行上述的方法步骤。