图像处理方法、装置、设备及存储介质制造方法及图纸

本申请实施例提供一种图像处理方法、装置、设备及存储介质。在本申请实施例中，在对图像用户界面上的图像进行缩放或拖动的情况下，不需要针对原始图像进行缩放或拖动，可采用隐式取图框在原始图像上进行缩放或拖动，基于该隐式取图框确定原始图像上的框选区域，并将框选区域中的图像内容绘制到画布中，得到缩放或拖动后的画布图像，并在图像用户界面上显示该画布图像。整个过程中，无需对整个原始图像进行缩放或拖动，对隐式取图框进行缩放或拖动，可提高绘制画布图像的效率。可提高绘制画布图像的效率。可提高绘制画布图像的效率。

【技术实现步骤摘要】
图像处理方法、装置、设备及存储介质


[0001]本申请涉及图像处理
，尤其涉及一种图像处理方法、装置、设备及存储介质。

技术介绍

[0002]画布(canvas)是具有图形界面功能的组件，它可以提供图像处理功能。在一些应用场景中，图形用户界面上有展示图片的需求，例如，在线展示商品图像，且支持缩放操作。在执行缩放操作过程中，利用canvas对原始图像进行缩放，并绘制缩放后的原始图像得到画布图像，整个过程中，绘制画布的效率较低。

技术实现思路

[0003]本申请的多个方面提供一种图像处理方法、装置、设备及存储介质，用以提高绘制画布图像的效率。
[0004]本申请实施例提供一种图像处理方法，应用于电子终端，电子终端上存储有第一原始图像，且第一原始图像关联有隐式取图框，隐式取图框用于在第一原始图像上确定框选区域，电子终端提供有图形用户界面，方法包括：在图形用户界面上显示第一画布图像，第一画布图像是根据当前框选区域内的图像内容绘制而成的，当前框选区域是隐式取图框在第一原始图像上确定的；响应图形用户界面上的缩放/拖动操作，根据缩放/拖动操作对应的缩放/拖动参数，调整当前框选区域，以得到调整后的框选区域；将第一原始图像中位于调整后的框选区域中的图像内容绘制到画布中，得到第二画布图像，并将图形用户界面上显示的第一画布图像更新为第二画布图像。
[0005]本申请实施例还提供一种图像处理装置，图像处理装置上存储有第一原始图像，且第一原始图像关联有隐式取图框，隐式取图框用于在第一原始图像上确定框选区域，图像处理装置提供有图形用户界面，图像处理装置包括：显示模块、调整模块、绘制模块以及更新模块；显示模块，用于在图形用户界面上显示第一画布图像，第一画布图像是根据当前框选区域内的图像内容绘制而成的，当前框选区域是隐式取图框在第一原始图像上确定的；调整模块，用于响应图形用户界面上的缩放/拖动操作，根据缩放/拖动操作对应的缩放/拖动参数，调整当前框选区域，以得到调整后的框选区域；绘制模块，用于将第一原始图像中位于调整后的框选区域中的图像内容绘制到画布中，得到第二画布图像；更新模块，用于将图形用户界面上显示的第一画布图像更新为第二画布图像。
[0006]本申请实施例还提供一种图像处理设备，包括：存储器、显示器和处理器；存储器，用于存储计算机程序和第一原始图像，且第一原始图像关联有隐式取图框，隐式取图框用于在第一原始图像上确定框选区域；显示器，用于提供图形用户界面；处理器，与存储器耦合，用于执行计算机程序，以实现本申请实施例提供的图像处理方法中的步骤。
[0007]本申请实施例还提供一种存储有计算机程序的计算机可读存储介质，当计算机程序被处理器执行时，致使处理器实现本申请实施例提供的图像处理方法中的步骤。
[0008]在本申请实施例中，在对图像用户界面上的图像进行缩放或拖动的情况下，不需要针对原始图像进行缩放或拖动，可采用隐式取图框在原始图像上进行缩放或拖动，基于该隐式取图框确定原始图像上的框选区域，并将框选区域中的图像内容绘制到画布中，得到缩放或拖动后的画布图像，并在图像用户界面上显示该画布图像。整个过程中，无需对整个原始图像进行缩放或拖动，对隐式取图框进行缩放或拖动，可提高绘制画布图像的效率。
附图说明
[0009]此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：
[0010]图1为本申请示例性实施例提供的一种图像处理方法的流程示意图；
[0011]图2a为本申请示例性实施例提供的一种第一原始图像的宽度和高度的示意图；
[0012]图2b为本申请示例性实施例提供的一种图形用户界面的宽度和高度的示意图；
[0013]图2c为本申请示例性实施例提供的一种初始取图框的尺寸的示意图；
[0014]图2d为本申请示例性实施例提供的一种最大框选区域的示意图；
[0015]图2e为本申请示例性实施例提供的一种当前隐式取图框的示意图；
[0016]图2f为本申请示例性实施例提供的一种图2e中隐式取图框的图像内容绘制到图形用户界面上的示意图；
[0017]图3a为本申请示例性实施例提供的一种计算最大取图框的流程示意图；
[0018]图3b为本申请示例性实施例提供的一种计算缩放系数的流程示意图；
[0019]图3c为本申请示例性实施例提供的一种计算缩放操作后隐式取图框的流程示意图；
[0020]图3d为本申请示例性实施例提供的一种计算拖动操作后隐式取图框的流程示意图；
[0021]图4为本申请示例性实施例提供的一种图像处理装置的结构示意图；
[0022]图5为本申请示例性实施例提供的一种图像处理设备的结构示意图。
具体实施方式
[0023]为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0024]针对现有技术绘制画布的效率较低的问题，在本申请实施例中，在对图像用户界面上的图像进行缩放或拖动的情况下，不需要针对原始图像进行缩放或拖动，可采用隐式取图框在原始图像上进行缩放或拖动，基于该隐式取图框确定原始图像上的框选区域，并将框选区域中的图像内容绘制到画布中，得到缩放或拖动后的画布图像，并在图像用户界面上显示该画布图像。整个过程中，无需对整个原始图像进行缩放或拖动，对隐式取图框进行缩放或拖动，可提高绘制画布图像的效率。
[0025]以下结合附图，详细说明本申请各实施例提供的技术方案。
[0026]图1为本申请示例性实施例提供的一种图像处理方法的流程示意图。该方法应用
于电子终端，电子终端上存储有第一原始图像，且第一原始图像关联有隐式取图框，隐式取图框用于在第一原始图像上确定框选区域，电子终端提供有图形用户界面，如图1所示，该方法包括：
[0027]101、在图形用户界面上显示第一画布图像，第一画布图像是根据当前框选区域内的图像内容绘制而成的，当前框选区域是隐式取图框在第一原始图像上确定的；
[0028]102、响应图形用户界面上的缩放/拖动操作，根据缩放/拖动操作对应的缩放/拖动参数，调整当前框选区域，以得到调整后的框选区域；
[0029]103、将第一原始图像中位于调整后的框选区域中的图像内容绘制到画布中，得到第二画布图像，并将图形用户界面上显示的第一画布图像更新为第二画布图像。
[0030]在本实施例中，第一原始图像可以是各种类型的图像，例如，第一原始图像可以是车辆图像、手机图像或者食物的图像等，可以是普通平面图像，也可以是全景图等。第一原始图像存储在电子终端上，且第一原始图像关联有隐式取图框，隐式本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像处理方法，其特征在于，应用于电子终端，所述电子终端上存储有第一原始图像，且所述第一原始图像关联有隐式取图框，所述隐式取图框用于在所述第一原始图像上确定框选区域，所述电子终端提供有图形用户界面，所述方法包括：在所述图形用户界面上显示第一画布图像，所述第一画布图像是根据当前框选区域内的图像内容绘制而成的，所述当前框选区域是所述隐式取图框在所述第一原始图像上确定的；响应所述图形用户界面上的缩放/拖动操作，根据所述缩放/拖动操作对应的缩放/拖动参数，调整所述当前框选区域，以得到调整后的框选区域；将所述第一原始图像中位于所述调整后的框选区域中的图像内容绘制到画布中，得到第二画布图像，并将所述图形用户界面上显示的所述第一画布图像更新为所述第二画布图像。2.根据权利要求1所述的方法，其特征在于，在所述图形用户界面上显示第一画布图像，包括：根据所述图形用户界面的尺寸比例和所述第一原始图像的尺寸比例，确定所述隐式取图框的最大框选区域，所述最大框选区域的尺寸与所述图形用户界面的尺寸适配；根据最大框选区域对应的所述隐式取图框，对所述第一原始图像进行裁剪，将裁剪出的图像内容绘制到画布中，得到所述第一画布图像，并将所述第一画布图像显示到所述图形用户界面中。3.根据权利要求1或2所述的方法，其特征在于，响应所述图形用户界面上的缩放操作，根据所述缩放操作对应的缩放参数，调整所述当前框选区域，以得到调整后的框选区域，包括：在所述缩放操作为触屏式缩放操作的情况下，响应所述图形用户界面上的触屏式缩放操作，根据所述触屏式缩放操作在所述图形用户界面上的轨迹信息，确定所述触屏式缩放操作对应的缩放参数和缩放中心，调整所述隐式取图框的中心与所述缩放中心重合，并根据缩放参数，调整所述隐式取图框的尺寸，以得到调整后的框选区域；或者在所述缩放操作为滚轮式缩放操作的情况下，响应所述图形用户界面上的滚轮式缩放操作，获取所述滚轮式缩放操作对应的滚动监听事件，根据所述滚动监听事件中的光标位置以及滚动距离和方向，调整所述隐式取图框的中心与所述光标位置重合，并根据滚动距离和方向，调整所述隐式取图框的尺寸，以得到调整后的框选区域。4.根据权利要求3所述的方法，其特征在于，根据缩放参数，调整所述隐式取图框的尺寸，以得到调整后的框选区域，包括：在所述缩放参数对应于放大操作的情况下，根据缩放参数，减小所述隐式取图框的尺寸，以按照减小尺寸后的隐式取图框确定框选区域；在所述缩放参数对应于缩小操作的情况下，根据缩放参数，增大所述隐式取图框的尺寸，以按照增大尺寸后的隐式取图框确定框选区域；相应地，根据滚动距离和方向，调整所述隐式取图框的尺寸，以得到调整后的框选区域，包括：在所述滚动距离和方向对应于缩小操作的情况下，根据滚动距离和方向，增大所述隐
式取图框的尺寸，以按照增大尺寸后的隐式取图框确定框选区域；在所述滚动距离和方向对应于放大操作的情况下，根据滚动距离和方向，减小所述隐式取图框的尺寸，以按照减小尺寸后的隐式取图框确定框选区域。5.根据权利要求2所述的方法，其...

【专利技术属性】
技术研发人员：ꢀ七四专利代理机构，
申请(专利权)人：北京城市网邻信息技术有限公司，
类型：发明
国别省市：