CN110221722A - 图片处理方法、电子设备及存储介质 - Google Patents

图片处理方法、电子设备及存储介质 Download PDF

Info

Publication number
CN110221722A
CN110221722A CN201910447629.3A CN201910447629A CN110221722A CN 110221722 A CN110221722 A CN 110221722A CN 201910447629 A CN201910447629 A CN 201910447629A CN 110221722 A CN110221722 A CN 110221722A
Authority
CN
China
Prior art keywords
picture
touch
touch gestures
gestures
live
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201910447629.3A
Other languages
English (en)
Other versions
CN110221722B (zh
Inventor
张晓波
王青峰
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhangyue Technology Co Ltd
Original Assignee
Zhangyue Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Zhangyue Technology Co Ltd filed Critical Zhangyue Technology Co Ltd
Priority to CN201910447629.3A priority Critical patent/CN110221722B/zh
Publication of CN110221722A publication Critical patent/CN110221722A/zh
Application granted granted Critical
Publication of CN110221722B publication Critical patent/CN110221722B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
    • G06F3/0416—Control or interface arrangements specially adapted for digitisers
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种图片处理方法、电子设备及存储介质，其中，图片处理方法包括：接收用户滑动手势所触发的针对图片的触摸事件；根据所述触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；按照图片位置信息和图片尺寸，显示图片。根据本发明提供的技术方案，能够根据用户滑动手势快速地确定图片处理参数，方便地对图片同时进行旋转、缩放和移动处理，极大地丰富了图片的展示效果，而且还实现了跟随用户手势的图片处理，有助于满足用户不同的使用需求。

Description

图片处理方法、电子设备及存储介质
技术领域
本发明涉及图片处理技术领域，具体涉及一种图片处理方法、电子设备及存储介质。
背景技术
随着移动终端技术的不断发展，智能手机等移动终端能够支持各种各样的功能，极大地方便了人们使用，已成为人们日常生活中常用的设备。人们利用移动终端可以访问本地存储的图片或网络中的图片。然而，现有技术中通常是向用户展示图片对应的小图或大图，展示方式单一，展示效果较差。
发明内容
鉴于上述问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的图片处理方法、电子设备及存储介质。
根据本发明的一个方面，提供了一种图片处理方法，该方法包括：
接收用户滑动手势所触发的针对图片的触摸事件；
根据触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照图片位置信息和图片尺寸，显示图片。
根据本发明的另一方面，提供了一种电子设备，包括：处理器、存储器、通信接口和通信总线，处理器、存储器和通信接口通过通信总线完成相互间的通信；
存储器用于存放至少一可执行指令，可执行指令使处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照图片位置信息和图片尺寸，显示图片。
根据本发明的又一方面，提供了一种存储介质，存储介质中存储有至少一可执行指令，可执行指令使处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照图片位置信息和图片尺寸，显示图片。
根据本发明提供的技术方案，能够根据用户滑动手势快速地确定图片处理参数，方便地对图片同时进行旋转、缩放和移动处理，极大地丰富了图片的展示效果，增加了图片查看过程的趣味性；并且还能够根据用户滑动手势方便地确定触摸中心位置，使得图片能够具有围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，实现了跟随用户手势的图片处理，有助于满足用户不同的使用需求。
上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：
图1示出了根据本发明实施例一的一种图片处理方法的流程示意图；
图2a示出了根据本发明实施例二的一种图片处理方法的流程示意图；
图2b示出了用户操作相册页面的示意图；
图2c示出了第一触摸手势的实时触摸点、第二触摸手势的实时触摸点以及触摸中心位置的一种位置示意图；
图2d示出了第一触摸手势的实时触摸点和第二触摸手势的实时触摸点在屏幕坐标系中的一种位置示意图；
图3示出了根据本发明实施例四的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
实施例一
图1示出了根据本发明实施例一的一种图片处理方法的流程示意图，如图1所示，该方法包括如下步骤：
步骤S101，接收用户滑动手势所触发的针对图片的触摸事件。
该方法适用于具有触摸显示屏的移动终端中，移动终端可为手机、PAD、电子书阅读器等设备。用户利用移动终端可以访问本地存储的图片或网络中的图片，在步骤S101中，接收用户滑动手势所触发的针对图片的触摸事件。其中，触摸事件至少包含两个触摸手势，触摸事件记录有各个触摸手势的滑动轨迹。
步骤S102，根据触摸事件，确定触摸中心位置以及图片处理参数。
为了使图片能够跟随用户手势进行旋转、缩放、移动，在接收到触摸事件之后，可根据触摸事件中触摸手势的滑动轨迹，确定触摸中心位置，触摸中心位置为触摸位置的中心点，以便后续以触摸中心位置为中心对图片进行处理。另外，还需根据触摸事件确定图片处理所需的图片处理参数，其中，图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离。
步骤S103，依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸。
在确定了触摸中心位置和图片处理参数之后，依据触摸中心位置和图片处理参数，计算图片在旋转、缩放、移动后的图片位置信息和图片尺寸。其中，图片位置信息包括在旋转、缩放、移动后图片上的指定位置与触摸显示屏各个边界之间的距离，图片上的指定位置可包括图片的原始左上角和原始右下角等。图片尺寸包括图片在旋转、缩放、移动后的图片宽度和图片高度。
步骤S104，按照图片位置信息和图片尺寸，显示图片。
按照图片位置信息和图片尺寸，对图片进行处理，向用户显示处理后的图片。通过上述处理，使得图片能够获得围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，极大地丰富了图片的展示效果。
利用本实施例提供的图片处理方法，能够根据用户滑动手势快速地确定图片处理参数，方便地对图片同时进行旋转、缩放和移动处理，极大地丰富了图片的展示效果，增加了图片查看过程的趣味性；并且还能够根据用户滑动手势方便地确定触摸中心位置，使得图片能够具有围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，实现了跟随用户手势的图片处理，有助于满足用户不同的使用需求。
实施例二
图2a示出了根据本发明实施例二的一种图片处理方法的流程示意图，如图2a所示，该方法包括如下步骤：
步骤S201，接收针对图片的点击事件。
在实际应用场景中，经常以相册等方式向用户展示多张图片，相册页面可如图2b所示，用户可通过点击图片的方式来打开该图片。在步骤S201中，接收用户针对图片的点击事件。
步骤S202，根据点击事件，创建视图，在视图中绘制图片。
在接收到点击事件之后，根据点击事件创建一个新的视图，从相册页面中读取该点击事件中的触摸位置所对应的图片，并在所创建的新的视图中绘制所读取的图片。可选地，还可在视图中为图片的背景设置颜色渐变处理，使得图片的背景的颜色从透明向不透明渐变，以获得图片逐渐打开的展示效果。具体地，可为视图设置一个背景视图，并为背景视图设置颜色渐变参数，使得背景视图中的颜色能够从透明向不透明渐变。其中，该视图的层级高于背景视图的层级，该视图显示在背景视图的上层。
步骤S203，接收用户滑动手势所触发的针对图片的触摸事件。
其中，触摸事件至少包含第一触摸手势和第二触摸手势，第一触摸手势对应于用户两个手指中先与触摸显示屏接触的手指的手势，第二触摸手势对应于用户两个手指中后与触摸显示屏接触的手指的手势。触摸事件记录有第一触摸手势和第二触摸手势的滑动轨迹，具体包括第一触摸手势的起始触摸点坐标、第一触摸手势的实时触摸点坐标、第二触摸手势的起始触摸点坐标以及第二触摸手势的实时触摸点坐标等。其中，实时触摸点坐标是指在滑动过程中，随着触摸手势的滑动，与触摸显示屏实时接触的触摸点的坐标。在接收到触摸事件之后，即可根据触摸事件确定触摸中心位置，具体确定方式可通过步骤S204至步骤S206进行实现。
步骤S204，根据触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算第一触摸手势的滑动距离和第二触摸手势的滑动距离。
具体地，将第一触摸手势的起始触摸点坐标和第一触摸手势的实时触摸点坐标代入至距离计算公式中，计算得到第一触摸手势的滑动距离；将第二触摸手势的起始触摸点坐标和第二触摸手势的实时触摸点坐标代入至距离计算公式中，计算得到第二触摸手势的滑动距离。
步骤S205，依据第一触摸手势的滑动距离和第二触摸手势的滑动距离，计算距离比例值。
其中，可用第一触摸手势的滑动距离除以第二触摸手势的滑动距离，将所得到的结果作为距离比例值。假设经步骤S204计算得到第一触摸手势的滑动距离为50个像素，第二触摸手势的滑动距离为100个像素，那么距离比例值为1/2。
步骤S206，按照距离比例值、第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标。
其中，触摸中心位置为触摸位置的中心点，可按照距离比例值、第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，在第一触摸手势的实时触摸点和第二触摸手势的实时触摸点之间的连线上确定触摸中心位置，使得触摸中心位置到第一触摸手势的实时触摸点之间的距离与触摸中心位置到第二触摸手势的实时触摸点之间的距离的比值也符合该距离比例值。假设距离比例值为1/2，第一触摸手势的实时触摸点和第二触摸手势的实时触摸点位置如图2c所示，其中，A点为在当前时刻第一触摸手势的实时触摸点，B点为在当前时刻第二触摸手势的实时触摸点，那么图2c中的C点即为触摸中心位置，C点到B点的距离等于C点到A点的距离的两倍。
本发明将触摸中心位置的确定与各个触摸手势的滑动距离进行了关联，使得触摸中心位置靠近滑动距离较小的触摸手势，也就是说，哪个触摸手势的滑动距离越小，触摸中心位置就越靠近哪个触摸手势，从而能够更加合理地确定触摸中心位置，使得所确定的触摸中心位置更加符合触摸手势。
步骤S207，根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
为了能够实现对图片同时进行旋转、缩放和移动处理，还需根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，精准地计算图片旋转角度、图片缩放比例以及图片移动距离。下面分别对图片旋转角度、图片缩放比例以及图片移动距离的计算进行具体介绍。
(1)图片旋转角度的计算：根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第二触摸手势的实时触摸点与第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与第二触摸手势的实时触摸点之间的夹角；依据在各个坐标轴方向上的坐标差值，确定夹角映射于数学坐标系中的象限；根据象限对应的角度取值范围，确定夹角对应的图片旋转角度。
具体地，屏幕坐标系是以像素来定义的，通常选择屏幕的左上角作为坐标原点(0，0)，屏幕的右下角为(屏幕宽度，屏幕高度)。在屏幕坐标系中有两个坐标轴，其中，横轴为X轴，取向右方向为正方向；纵轴为Y轴，取向下方向为正方向。第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与第二触摸手势的实时触摸点能够形成一个夹角，可利用反正切等计算公式，根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标计算夹角的大小。考虑到图片旋转还涉及到旋转方向等问题，为了更为精准地确定图片旋转角度，还需对计算得到的夹角作映射处理，映射至数学坐标系中。在本发明中可依据第二触摸手势的实时触摸点与第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值来进行映射。
如图2d所示，A点为在当前时刻第一触摸手势的实时触摸点，B点为在当前时刻第二触摸手势的实时触摸点，O点为坐标原点，那么∠AOB即为第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与第二触摸手势的实时触摸点之间的夹角。其中，A点坐标为(x0，y0)，B点坐标为(x1，y1)，可利用反正切等计算公式，根据A点坐标和B点坐标计算得到∠AOB的大小。在实际应用中，可将B点与A点在Y轴方向上的坐标差值映射为数学坐标系中的X轴坐标，将B点与A点在X轴方向上的坐标差值映射为数学坐标系中的Y轴坐标，依据在数学坐标系中所映射的X轴坐标和Y轴坐标，确定夹角映射于数学坐标系中的象限。若将在数学坐标系中所映射的X轴坐标用x’表示，将在数学坐标系中所映射的Y轴坐标用y’表示，其中，x’＝y1-y0，y’＝x1-x0。具体映射方式如下：
当x’大于0且y’大于0时，夹角映射于数学坐标系中的第一象限，第一象限对应的角度取值范围为(0，π/2)；当x’小于0且y’大于0时，夹角映射于数学坐标系中的第二象限，第二象限对应的角度取值范围为(π/2，π)；当x’小于0且y’小于0时，夹角映射于数学坐标系中的第三象限，第三象限对应的角度取值范围为(-π，-π/2)；当x’大于0且y’小于0时，夹角映射于数学坐标系中的第四象限，第四象限对应的角度取值范围为(-π/2，0)。
在确定了夹角映射于数学坐标系中的象限之后，就可根据象限对应的角度取值范围，在该角度取值范围内确定夹角对应的图片旋转角度。例如，在夹角大小的基础上通过加减若干个π/2的方式进行计算，使得计算结果在该象限对应的角度取值范围内，那么将该计算结果确定为夹角对应的图片旋转角度。如图2d所示，y1-y0小于0，x1-x0大于0，即x’小于0且y’大于0，那么夹角∠AOB映射于数学坐标系中的第二象限。根据上述映射方式可知，第二象限对应的角度取值范围为(π/2，π)，假设计算得到夹角∠AOB的大小为π/6，那么所确定的夹角∠AOB对应的图片旋转角度为2π/3。
另外，还可能会出现x’等于0或者y’等于0的情况，在这种情况下，夹角映射于数学坐标系中的象限的边界上，也就是映射于数学坐标系的坐标轴上。具体地，当x’大于0且y’等于0时，将夹角对应的图片旋转角度确定为0；当x’小于0且y’等于0时，将夹角对应的图片旋转角度确定为π；当x’等于0且y’大于0时，将夹角对应的图片旋转角度确定为π/2；当x’等于0且y’小于0时，将夹角对应的图片旋转角度确定为-π/2。
(2)图片缩放比例的计算：根据第一触摸手势的起始触摸点坐标和第二触摸手势的起始触摸点坐标，计算第一触摸手势的起始触摸点和第二触摸手势的起始触摸点之间的起始距离；根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第一触摸手势的实时触摸点和第二触摸手势的实时触摸点之间的实时距离；将实时距离和起始距离之间的比值确定为图片缩放比例。
将第一触摸手势的起始触摸点坐标和第二触摸手势的起始触摸点坐标代入至距离计算公式中，计算得到第一触摸手势的起始触摸点和第二触摸手势的起始触摸点之间的起始距离；将第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标代入至距离计算公式中，计算得到第一触摸手势的实时触摸点和第二触摸手势的实时触摸点之间的实时距离；然后将实时距离除以起始距离，得到比值，将该比值确定为图片缩放比例。例如，计算得到起始距离为50个像素，实时距离为100个像素，实时距离和起始距离之间的比值为2，那么确定图片缩放比例为2，也就是说将图片放大两倍。
(3)图片移动距离的计算：根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算触摸中心位置的移动距离；将触摸中心位置的移动距离确定为图片移动距离。
其中，触摸中心位置为触摸位置的中心点，可以通过触摸中心位置的移动距离来反映触摸事件的移动距离，从而将触摸中心位置的移动距离确定为图片移动距离。具体地，根据第一触摸手势的起始触摸点坐标、第二触摸手势的起始触摸点坐标和距离比例值，计算得到触摸中心位置的起始坐标；根据第一触摸手势的实时触摸点坐标、第二触摸手势的实时触摸点坐标和距离比例值，计算得到触摸中心位置的实时坐标；然后将触摸中心位置的起始坐标和触摸中心位置的实时坐标代入至距离计算公式中，计算得到触摸中心位置的移动距离，将触摸中心位置的移动距离确定为图片移动距离。
步骤S208，依据触摸中心位置、图片旋转角度、图片缩放比例以及图片移动距离，确定旋转、缩放、移动后的图片位置信息和图片尺寸。
其中，图片位置信息包括在旋转、缩放、移动后图片上的指定位置与触摸显示屏各个边界之间的距离，以图片上的指定位置包括图片的原始左上角和原始右下角为例，图片位置信息可包括：图片的原始左上角与触摸显示屏上侧边界之间的距离、图片的原始左上角与触摸显示屏左侧边界之间的距离、图片的原始右上角与触摸显示屏上侧边界之间的距离、图片的原始右上角与触摸显示屏左侧边界之间的距离等。图片尺寸包括图片在旋转、缩放、移动后的图片宽度和图片高度。
具体地，对于图片位置信息的确定，可依据图片上的指定位置的原始坐标、触摸中心位置、图片旋转角度、图片缩放比例以及图片移动距离，计算图片上的指定位置在旋转、缩放、移动后的坐标，而后根据指定位置在旋转、缩放、移动后的坐标，计算指定位置与触摸显示屏各个边界之间的距离。对于图片尺寸的确定，由于图片旋转和移动都不会对图片尺寸进行改变，只有缩放会对图片尺寸进行改变，那么可将图片原始宽度与图片缩放比例相乘，得到图片在旋转、缩放、移动后的图片宽度，将图片原始高度与图片缩放比例相乘，得到图片在旋转、缩放、移动后的图片高度。
步骤S209，响应于触摸事件，根据图片位置信息和图片尺寸，在视图中绘制处理后的图片。
在确定了图片的图片位置信息和图片尺寸之后，响应于触摸事件，根据图片位置信息和图片尺寸，在视图中绘制处理后的图片。图片位置信息和图片尺寸是依据触摸中心位置、图片移动距离、图片旋转角度以及图片缩放比例计算得到的，使得在视图中绘制处理后的图片后，图片能够具有围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，极大地丰富了图片的展示效果，增加了图片查看过程的趣味性，有助于吸引用户注意力。
利用本实施例提供的图片处理方法，能够根据触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算触摸中心位置、图片旋转角度、图片缩放比例以及图片移动距离，实现了图片处理参数的精准计算；根据图片位置信息和图片尺寸，能够方便地获得图片围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，实现了跟随用户手势的图片处理，极大地丰富了图片的展示效果；并且将触摸中心位置的确定与各个触摸手势的滑动轨迹进行了关联，使得所确定的触摸中心位置更加符合触摸手势。
实施例三
本发明实施例三提供了一种非易失性存储介质，存储介质存储有至少一可执行指令，该可执行指令可执行上述任意方法实施例中的图片处理方法。
可执行指令具体可以用于使得处理器执行以下操作：接收用户滑动手势所触发的针对图片的触摸事件；根据触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；按照图片位置信息和图片尺寸，显示图片。
在一种可选的实施方式中，触摸事件至少包含第一触摸手势和第二触摸手势；可执行指令进一步使处理器执行以下操作：根据触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算第一触摸手势的滑动距离和第二触摸手势的滑动距离；依据第一触摸手势的滑动距离和第二触摸手势的滑动距离，计算距离比例值，并按照距离比例值、第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第二触摸手势的实时触摸点与第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与第二触摸手势的实时触摸点之间的夹角；依据在各个坐标轴方向上的坐标差值，确定夹角映射于数学坐标系中的象限；根据象限对应的角度取值范围，确定夹角对应的图片旋转角度。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据第一触摸手势的起始触摸点坐标和第二触摸手势的起始触摸点坐标，计算第一触摸手势的起始触摸点和第二触摸手势的起始触摸点之间的起始距离；根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第一触摸手势的实时触摸点和第二触摸手势的实时触摸点之间的实时距离；将实时距离和起始距离之间的比值确定为图片缩放比例。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算触摸中心位置的移动距离；将触摸中心位置的移动距离确定为图片移动距离。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：响应于触摸事件，根据图片位置信息和图片尺寸，在视图中绘制处理后的图片。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：接收针对图片的点击事件；根据点击事件，创建视图，在视图中绘制图片。
在一种可选的实施方式中，可执行指令进一步使处理器执行以下操作：在视图中为图片的背景设置颜色渐变处理。
实施例四
图3示出了根据本发明实施例四的一种电子设备的结构示意图，本发明具体实施例并不对电子设备的具体实现做限定。
如图3所示，该电子设备可以包括：处理器(processor)302、通信接口(Communications Interface)304、存储器(memory)306、以及通信总线308。
其中：
处理器302、通信接口304、以及存储器306通过通信总线308完成相互间的通信。
通信接口304，用于与其它设备比如客户端或其它服务器等的网元通信。
处理器302，用于执行程序310，具体可以执行上述图片处理方法实施例中的相关步骤。
具体地，程序310可以包括程序代码，该程序代码包括计算机操作指令。
处理器302可能是中央处理器CPU，或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个CPU；也可以是不同类型的处理器，如一个或多个CPU以及一个或多个ASIC。
存储器306，用于存放程序310。存储器306可能包含高速RAM存储器，也可能还包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。
程序310具体可以用于使得处理器302执行以下操作：接收用户滑动手势所触发的针对图片的触摸事件；根据触摸事件，确定触摸中心位置以及图片处理参数；图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；依据触摸中心位置和图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；按照图片位置信息和图片尺寸，显示图片。
在一种可选的实施方式中，触摸事件至少包含第一触摸手势和第二触摸手势；程序310进一步使得处理器302执行以下操作：根据触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算第一触摸手势的滑动距离和第二触摸手势的滑动距离；依据第一触摸手势的滑动距离和第二触摸手势的滑动距离，计算距离比例值，并按照距离比例值、第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第二触摸手势的实时触摸点与第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与第二触摸手势的实时触摸点之间的夹角；依据在各个坐标轴方向上的坐标差值，确定夹角映射于数学坐标系中的象限；根据象限对应的角度取值范围，确定夹角对应的图片旋转角度。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：根据第一触摸手势的起始触摸点坐标和第二触摸手势的起始触摸点坐标，计算第一触摸手势的起始触摸点和第二触摸手势的起始触摸点之间的起始距离；根据第一触摸手势的实时触摸点坐标和第二触摸手势的实时触摸点坐标，计算第一触摸手势的实时触摸点和第二触摸手势的实时触摸点之间的实时距离；将实时距离和起始距离之间的比值确定为图片缩放比例。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：根据第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算触摸中心位置的移动距离；将触摸中心位置的移动距离确定为图片移动距离。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：响应于触摸事件，根据图片位置信息和图片尺寸，在视图中绘制处理后的图片。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：接收针对图片的点击事件；根据点击事件，创建视图，在视图中绘制图片。
在一种可选的实施方式中，程序310进一步使得处理器302执行以下操作：在视图中为图片的背景设置颜色渐变处理。
程序310中各步骤的具体实现可以参见上述图片处理实施例中的相应步骤对应的描述，在此不赘述。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的设备的具体工作过程，可以参考前述方法实施例中的对应过程描述，在此不再赘述。
通过本实施例提供的方案，能够根据用户滑动手势快速地确定图片处理参数，方便地对图片同时进行旋转、缩放和移动处理，极大地丰富了图片的展示效果，增加了图片查看过程的趣味性，并且还能够根据用户滑动手势方便地确定触摸中心位置，使得图片能够具有围绕触摸中心位置同时进行旋转、缩放和移动的展示效果，实现了跟随用户手势的图片处理。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造这类系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。
类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了：A1.一种图片处理方法，所述方法包括：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
A2.根据A1所述的方法，所述触摸事件至少包含第一触摸手势和第二触摸手势；所述根据所述触摸事件，确定触摸中心位置进一步包括：
根据所述触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离；
依据所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离，计算距离比例值，并按照所述距离比例值、所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；
所述根据所述触摸事件，确定图片处理参数进一步包括：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
A3.根据A2所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第二触摸手势的实时触摸点与所述第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及所述第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与所述第二触摸手势的实时触摸点之间的夹角；
依据在各个坐标轴方向上的坐标差值，确定所述夹角映射于数学坐标系中的象限；
根据所述象限对应的角度取值范围，确定所述夹角对应的图片旋转角度。
A4.根据A2或A3所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的起始触摸点坐标和所述第二触摸手势的起始触摸点坐标，计算所述第一触摸手势的起始触摸点和所述第二触摸手势的起始触摸点之间的起始距离；
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第一触摸手势的实时触摸点和所述第二触摸手势的实时触摸点之间的实时距离；
将所述实时距离和所述起始距离之间的比值确定为图片缩放比例。
A5.根据A2-A4任一项所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算所述触摸中心位置的移动距离；
将所述触摸中心位置的移动距离确定为图片移动距离。
A6.根据A2-A5任一项所述的方法，所述按照所述图片位置信息和所述图片尺寸，显示所述图片进一步包括：
响应于所述触摸事件，根据所述图片位置信息和所述图片尺寸，在视图中绘制处理后的图片。
A7.根据A1-A6任一项所述的方法，在所述接收用户滑动手势所触发的针对图片的触摸事件之前，所述方法还包括：
接收针对图片的点击事件；
根据所述点击事件，创建视图，在所述视图中绘制所述图片。
A8.根据A7所述的方法，所述在所述视图中绘制所述图片进一步包括：
在所述视图中为所述图片的背景设置颜色渐变处理。
本发明还公开了：B9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
B10.根据B9所述的电子设备，所述触摸事件至少包含第一触摸手势和第二触摸手势；所述可执行指令进一步使所述处理器执行以下操作：
根据所述触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离；
依据所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离，计算距离比例值，并按照所述距离比例值、所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
B11.根据B10所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第二触摸手势的实时触摸点与所述第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及所述第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与所述第二触摸手势的实时触摸点之间的夹角；
依据在各个坐标轴方向上的坐标差值，确定所述夹角映射于数学坐标系中的象限；
根据所述象限对应的角度取值范围，确定所述夹角对应的图片旋转角度。
B12.根据B10或B11所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的起始触摸点坐标和所述第二触摸手势的起始触摸点坐标，计算所述第一触摸手势的起始触摸点和所述第二触摸手势的起始触摸点之间的起始距离；
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第一触摸手势的实时触摸点和所述第二触摸手势的实时触摸点之间的实时距离；
将所述实时距离和所述起始距离之间的比值确定为图片缩放比例。
B13.根据B10-B12任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算所述触摸中心位置的移动距离；
将所述触摸中心位置的移动距离确定为图片移动距离。
B14.根据B10-B13任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
响应于所述触摸事件，根据所述图片位置信息和所述图片尺寸，在视图中绘制处理后的图片。
B15.根据B9-B14任一项所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
接收针对图片的点击事件；
根据所述点击事件，创建视图，在所述视图中绘制所述图片。
B16.根据B15所述的电子设备，所述可执行指令进一步使所述处理器执行以下操作：
在所述视图中为所述图片的背景设置颜色渐变处理。
本发明还公开了：C17.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
C18.根据C17所述的存储介质，所述触摸事件至少包含第一触摸手势和第二触摸手势；所述可执行指令进一步使所述处理器执行以下操作：
根据所述触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离；
依据所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离，计算距离比例值，并按照所述距离比例值、所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
C19.根据C18所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第二触摸手势的实时触摸点与所述第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及所述第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与所述第二触摸手势的实时触摸点之间的夹角；
依据在各个坐标轴方向上的坐标差值，确定所述夹角映射于数学坐标系中的象限；
根据所述象限对应的角度取值范围，确定所述夹角对应的图片旋转角度。
C20.根据C18或C19所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的起始触摸点坐标和所述第二触摸手势的起始触摸点坐标，计算所述第一触摸手势的起始触摸点和所述第二触摸手势的起始触摸点之间的起始距离；
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第一触摸手势的实时触摸点和所述第二触摸手势的实时触摸点之间的实时距离；
将所述实时距离和所述起始距离之间的比值确定为图片缩放比例。
C21.根据C18-C20任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算所述触摸中心位置的移动距离；
将所述触摸中心位置的移动距离确定为图片移动距离。
C22.根据C18-C21任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
响应于所述触摸事件，根据所述图片位置信息和所述图片尺寸，在视图中绘制处理后的图片。
C23.根据C17-C22任一项所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
接收针对图片的点击事件；
根据所述点击事件，创建视图，在所述视图中绘制所述图片。
C24.根据C23所述的存储介质，所述可执行指令进一步使所述处理器执行以下操作：
在所述视图中为所述图片的背景设置颜色渐变处理。

Claims (10)

1.一种图片处理方法，所述方法包括：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
2.根据权利要求1所述的方法，所述触摸事件至少包含第一触摸手势和第二触摸手势；所述根据所述触摸事件，确定触摸中心位置进一步包括：
根据所述触摸事件中第一触摸手势的滑动轨迹和第二触摸手势的滑动轨迹，计算所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离；
依据所述第一触摸手势的滑动距离和所述第二触摸手势的滑动距离，计算距离比例值，并按照所述距离比例值、所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，确定触摸中心位置的实时坐标；
所述根据所述触摸事件，确定图片处理参数进一步包括：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离。
3.根据权利要求2所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第二触摸手势的实时触摸点与所述第一触摸手势的实时触摸点在各个坐标轴方向上的坐标差值以及所述第一触摸手势的实时触摸点、屏幕坐标系的坐标原点与所述第二触摸手势的实时触摸点之间的夹角；
依据在各个坐标轴方向上的坐标差值，确定所述夹角映射于数学坐标系中的象限；
根据所述象限对应的角度取值范围，确定所述夹角对应的图片旋转角度。
4.根据权利要求2或3所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的起始触摸点坐标和所述第二触摸手势的起始触摸点坐标，计算所述第一触摸手势的起始触摸点和所述第二触摸手势的起始触摸点之间的起始距离；
根据所述第一触摸手势的实时触摸点坐标和所述第二触摸手势的实时触摸点坐标，计算所述第一触摸手势的实时触摸点和所述第二触摸手势的实时触摸点之间的实时距离；
将所述实时距离和所述起始距离之间的比值确定为图片缩放比例。
5.根据权利要求2-4任一项所述的方法，所述根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算图片旋转角度、图片缩放比例以及图片移动距离进一步包括：
根据所述第一触摸手势的滑动轨迹和所述第二触摸手势的滑动轨迹，计算所述触摸中心位置的移动距离；
将所述触摸中心位置的移动距离确定为图片移动距离。
6.根据权利要求2-5任一项所述的方法，所述按照所述图片位置信息和所述图片尺寸，显示所述图片进一步包括：
响应于所述触摸事件，根据所述图片位置信息和所述图片尺寸，在视图中绘制处理后的图片。
7.根据权利要求1-6任一项所述的方法，在所述接收用户滑动手势所触发的针对图片的触摸事件之前，所述方法还包括：
接收针对图片的点击事件；
根据所述点击事件，创建视图，在所述视图中绘制所述图片。
8.根据权利要求7所述的方法，所述在所述视图中绘制所述图片进一步包括：
在所述视图中为所述图片的背景设置颜色渐变处理。
9.一种电子设备，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
10.一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行以下操作：
接收用户滑动手势所触发的针对图片的触摸事件；
根据所述触摸事件，确定触摸中心位置以及图片处理参数；所述图片处理参数包括：图片旋转角度、图片缩放比例以及图片移动距离；
依据所述触摸中心位置和所述图片处理参数，确定旋转、缩放、移动后的图片位置信息和图片尺寸；
按照所述图片位置信息和所述图片尺寸，显示所述图片。
CN201910447629.3A 2019-05-27 2019-05-27 图片处理方法、电子设备及存储介质 Active CN110221722B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910447629.3A CN110221722B (zh) 2019-05-27 2019-05-27 图片处理方法、电子设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910447629.3A CN110221722B (zh) 2019-05-27 2019-05-27 图片处理方法、电子设备及存储介质

Publications (2)

Publication Number Publication Date
CN110221722A true CN110221722A (zh) 2019-09-10
CN110221722B CN110221722B (zh) 2022-09-30

Family

ID=67818464

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910447629.3A Active CN110221722B (zh) 2019-05-27 2019-05-27 图片处理方法、电子设备及存储介质

Country Status (1)

Country Link
CN (1) CN110221722B (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111522492A (zh) * 2020-04-30 2020-08-11 掌阅科技股份有限公司 图片滑动显示方法、终端及计算机存储介质
CN111553842A (zh) * 2020-04-24 2020-08-18 京东方科技集团股份有限公司 拼接图片显示方法、装置、电子设备及存储介质
CN111627399A (zh) * 2020-06-16 2020-09-04 掌阅科技股份有限公司 可局部变换显示色彩的方法、终端及计算机可读存储介质
CN112732120A (zh) * 2021-01-18 2021-04-30 海信视像科技股份有限公司 一种显示设备
CN113536173A (zh) * 2021-07-14 2021-10-22 北京字节跳动网络技术有限公司 一种页面处理方法、装置、电子设备及可读存储介质
US12079466B2 (en) 2021-01-18 2024-09-03 Hisense Visual Technology Co., Ltd. Display apparatus and display method

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103686280A (zh) * 2013-12-10 2014-03-26 乐视网信息技术（北京）股份有限公司 一种调节应用页面尺寸的方法、装置和系统
CN103970328A (zh) * 2013-02-05 2014-08-06 株式会社理光 触摸式或非触摸式的多输入点控制指令检测方法和装置
CN104598121A (zh) * 2014-03-21 2015-05-06 腾讯科技（深圳）有限公司 一种图片缩放方法和装置
CN107967102A (zh) * 2017-12-29 2018-04-27 北京酷我科技有限公司 一种Android系统中的视图控件
CN108268205A (zh) * 2016-12-30 2018-07-10 乐视汽车（北京）有限公司 车机对移动终端的触屏反控方法和系统

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103970328A (zh) * 2013-02-05 2014-08-06 株式会社理光 触摸式或非触摸式的多输入点控制指令检测方法和装置
CN103686280A (zh) * 2013-12-10 2014-03-26 乐视网信息技术（北京）股份有限公司 一种调节应用页面尺寸的方法、装置和系统
CN104598121A (zh) * 2014-03-21 2015-05-06 腾讯科技（深圳）有限公司 一种图片缩放方法和装置
CN108268205A (zh) * 2016-12-30 2018-07-10 乐视汽车（北京）有限公司 车机对移动终端的触屏反控方法和系统
CN107967102A (zh) * 2017-12-29 2018-04-27 北京酷我科技有限公司 一种Android系统中的视图控件

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111553842A (zh) * 2020-04-24 2020-08-18 京东方科技集团股份有限公司 拼接图片显示方法、装置、电子设备及存储介质
CN111553842B (zh) * 2020-04-24 2024-03-12 京东方科技集团股份有限公司 拼接图片显示方法、装置、电子设备及存储介质
CN111522492A (zh) * 2020-04-30 2020-08-11 掌阅科技股份有限公司 图片滑动显示方法、终端及计算机存储介质
CN111627399A (zh) * 2020-06-16 2020-09-04 掌阅科技股份有限公司 可局部变换显示色彩的方法、终端及计算机可读存储介质
CN112732120A (zh) * 2021-01-18 2021-04-30 海信视像科技股份有限公司 一种显示设备
US12079466B2 (en) 2021-01-18 2024-09-03 Hisense Visual Technology Co., Ltd. Display apparatus and display method
CN113536173A (zh) * 2021-07-14 2021-10-22 北京字节跳动网络技术有限公司 一种页面处理方法、装置、电子设备及可读存储介质
WO2023284442A1 (zh) * 2021-07-14 2023-01-19 北京字节跳动网络技术有限公司 一种页面处理方法、装置、电子设备及可读存储介质
CN113536173B (zh) * 2021-07-14 2024-01-16 抖音视界有限公司 一种页面处理方法、装置、电子设备及可读存储介质

Also Published As

Publication number Publication date
CN110221722B (zh) 2022-09-30

Similar Documents

Publication Publication Date Title
CN110221722A (zh) 图片处理方法、电子设备及存储介质
US9436369B2 (en) Touch interface for precise rotation of an object
US20160139731A1 (en) Electronic device and method of recognizing input in electronic device
US20110162066A1 (en) Password processing method and apparatus
US10346032B2 (en) Controlling display object on display screen
CN111324837B (zh) web前端基于GIS系统的三维图表可视化方法及装置
US9069415B2 (en) Systems and methods for finger pose estimation on touchscreen devices
US10572127B2 (en) Display control of an image on a display screen
US20140372939A1 (en) Systems and methods for assisting in selection and placement of graphical objects in a graphical user interface
CN114041111A (zh) 笔迹绘制方法、装置、电子设备、介质和程序产品
CN104598121A (zh) 一种图片缩放方法和装置
CN107766703A (zh) 水印添加处理方法、装置及客户端
CN109697733A (zh) 点云空间寻点方法、装置、计算机设备和存储介质
EP4002072A1 (en) Interpreting inputs for three-dimensional virtual spaces from touchscreen interface gestures to improve user interface functionality
US10754523B2 (en) Resizing of images with respect to a single point of convergence or divergence during zooming operations in a user interface
CN109718554A (zh) 一种实时渲染方法、装置及终端
US10073612B1 (en) Fixed cursor input interface for a computer aided design application executing on a touch screen device
CN106406702B (zh) 一种图片显示方法及装置
CN114972788A (zh) 一种三维点云的离群点提取方法及装置
US10191553B2 (en) User interaction with information handling systems using physical objects
CN110162251A (zh) 图像缩放方法及装置、存储介质、电子设备
EP4343679A1 (en) Image processing method and apparatus, and readable storage medium
CN108958617A (zh) 一种输入操作的显示方法和终端
US8937600B1 (en) Method and apparatus for interpreting multi-touch events
CN115581917A (zh) 虚拟环境中视角控制的方法和装置

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant