[发明专利]绘制页面元素的方法和装置

说明书

本公开的实施例公开了用于绘制页面元素的方法和装置。该方法的一具体实施方式包括：获取目标图形区域相对于其所在的原始图形的相对位置；响应于检测到针对显示图形的缩放操作，根据缩放操作指示的缩放量，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，其中，显示图形为原始图形的显示结果；按照变换量，对区域进行变换，以及根据相对位置，在变换后的区域中确定目标图形区域的位置；在确定的、目标图形区域的位置处绘制对应的页面元素。该实施方式实现了对目标图形区域的快速定位以准确绘制对应的页面元素。

技术领域

本公开的实施例涉及计算机技术领域，具体涉及绘制页面元素的方法和装置。

背景技术

随着移动互联网业务的蓬勃发展，使得互联网更加普及。移动终端通过其上可安装的各种类型的应用向用户提供服务以满足用户不同的需求。许多终端应用会涉及到向用户展示各种可视化组件(如图像、图形、控件等)，并接收用户针对这些可视化组件的交互，以完成功能交互。

在一些情况下，终端在向用户展示内容或相应用户的操作时，通常都需要进行大量的坐标转换以定位要展示的内容所在的位置，进而在对应位置处绘制对应内容。例如，终端从服务端接收图像并展示，在接收到用户针对展示的图像的编辑操作(如缩放、平移、修改等)时，一般需要根据坐标转换计算展示的图像中的各个呈现有指定内容的图像区域的位置，然后在每个图像区域的位置处绘制对应的内容。

发明内容

本公开的实施例提出了用于绘制页面元素的方法和装置。

第一方面，本公开的实施例提供了一种用于绘制页面元素的方法，该方法包括：获取目标图形区域相对于其所在的原始图形的相对位置；响应于检测到针对显示图形的缩放操作，根据缩放操作指示的缩放量，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，其中，显示图形为原始图形的显示结果；按照变换量，对区域进行变换，以及根据相对位置，在变换后的区域中确定目标图形区域的位置；在确定的、目标图形区域的位置处绘制对应的页面元素。

在一些实施例中，上述根据缩放操作指示的缩放量，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，包括：根据缩放操作指示的缩放量、显示图形的初始显示尺寸和/或初始显示位置，确定用于绘制图形的区域的变换量。

在一些实施例中，上述根据缩放操作指示的缩放量、显示图形的初始显示尺寸，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，包括：获取加载图形的尺寸，其中，加载图形为原始图形的加载结果；根据显示图形的初始显示尺寸和加载图形的尺寸，确定显示图形对应的初始缩放量；确定缩放操作指示的缩放量和初始缩放量作为用于绘制图形的区域的变换量。

在一些实施例中，上述根据缩放操作指示的缩放量、显示图形的初始显示位置，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，包括：获取显示图形的初始显示位置相对于其父容器的位置的偏移量；根据缩放操作指示的缩放量，确定显示图形对应于其父容器的缩放偏移量；确定缩放操作指示的缩放量和缩放偏移量作为用于绘制图形的区域的变换量。

在一些实施例中，上述根据缩放操作指示的缩放量、显示图形的初始显示尺寸和初始显示位置，确定用于绘制图形的区域对应于按照缩放量缩放后的显示图形的变换量，包括：获取加载图形的尺寸，其中，加载图形为原始图形的加载结果；根据显示图形的初始显示尺寸和加载图形的尺寸，确定显示图形对应的初始缩放量；获取显示图形的初始显示位置对应于其父容器的位置的偏移量；根据缩放操作指示的缩放量，确定显示图形对应于其父容器的缩放偏移量；确定缩放操作指示的缩放量、初始缩放量、缩放偏移量作为用于绘制图形的变换量。

在一些实施例中，目标图形区域相对于其所在的原始图形的相对位置使用百分比表示。

在一些实施例中，原始图形为Bitmap图像。