CN111142754A - 截图处理方法、装置及存储介质 - Google Patents

截图处理方法、装置及存储介质 Download PDF

Info

Publication number
CN111142754A
CN111142754A CN201911382745.8A CN201911382745A CN111142754A CN 111142754 A CN111142754 A CN 111142754A CN 201911382745 A CN201911382745 A CN 201911382745A CN 111142754 A CN111142754 A CN 111142754A
Authority
CN
China
Prior art keywords
frame
cut
screenshot
shape
anchor point
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.)
Pending
Application number
CN201911382745.8A
Other languages
English (en)
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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201911382745.8A priority Critical patent/CN111142754A/zh
Publication of CN111142754A publication Critical patent/CN111142754A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04845Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

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是相关技术提供的截图处理过程的示意图;
图2是相关技术提供的截图处理过程的示意图;
图3是本发明实施例提供的截图处理系统100的架构示意图;
图4是本发明实施例提供的电子设备的结构示意图;
图5是本发明实施例提供的截图处理方法的流程示意图;
图6是本发明实施例提供的引导工具栏的界面示意图;
图7是本发明实施例提供的引导工具栏的界面示意图;
图8是本发明实施例提供的会话界面示意图;
图9是本发明实施例提供的呈现多个供选择的形状的界面示意图;
图10是本发明实施例提供的呈现多个供选择的形状的界面示意图;
图11是本发明实施例提供的呈现多个形状选择功能项的示意图;
图12A-12B是本发明实施例提供的将第一截图框变化为第二截图框的界面示意图;
图13是本发明实施例提供的将第一截图框变化为第二截图框的界面示意图;
图14是本发明实施例提供的将第一截图框变化为第二截图框的界面示意图;
图15A-15B是本发明实施例提供的第二截图框的界面示意图;
图16A-16C是本发明实施例提供的调整呈现的第二截图框的形状的示意图;
图17是本发明实施例提供的调整第二截图框形状的示意图;
图18A-18B是本发明实施例提供的圆角最大的截图框示意图;
图19是本发明实施例提供的调整第二截图框的示意图;
图20是本发明实施例提供的截图处理方法的流程示意图;
图21是本发明实施例提供的截图处理方法的流程示意图;
图22是本发明实施例提供的光标形状改变的示意图;
图23是本发明实施例提供的调整后的截图框的示意图;
图24是本发明实施例提供的截图处理装置的组成结构示意图。
具体实施方式
为了使本发明的目的、技术方案和优点更加清楚,下面将结合附图对本发明作进一步地详细描述,所描述的实施例不应视为对本发明的限制,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例,都属于本发明保护的范围。
在以下的描述中,涉及到“一些实施例”,其描述了所有可能实施例的子集,但是可以理解,“一些实施例”可以是所有可能实施例的相同子集或不同子集,并且可以在不冲突的情况下相互结合。
在以下的描述中,所涉及的术语“第一\第二\第三”仅仅是区别类似的对象,不代表针对对象的特定排序,可以理解地,“第一\第二\第三”在允许的情况下可以互换特定的顺序或先后次序,以使这里描述的本发明实施例能够以除了在这里图示或描述的以外的顺序实施。
除非另有定义,本文所使用的所有的技术和科学术语与属于本发明的技术领域的技术人员通常理解的含义相同。本文中所使用的术语只是为了描述本发明实施例的目的,不是旨在限制本发明。
对本发明实施例进行进一步详细说明之前,对本发明实施例中涉及的名词和术语进行说明,本发明实施例中涉及的名词和术语适用于如下的解释。
1)响应于,用于表示所执行的操作所依赖的条件或者状态,当满足所依赖的条件或状态时,所执行的一个或多个操作可以是实时的,也可以具有设定的延迟;在没有特别说明的情况下,所执行的多个操作不存在执行先后顺序的限制。
2)锚点,是网页制作中超级链接的一种,又叫命名锚记。
3)焦点,用于指示关注的区域,当前光标被激活的位置,如,区域选取焦点,用于指示区域选取的位置。
相关技术中提供有两种截图处理方法,一种是截取一个矩形区域内显示的内容,图1为相关技术提供的截图处理过程的示意图,参见图1,在截图处理过程中,生成一个矩形的截图框,根据这个矩形的截图框,截图得到矩形的截图图像;如此,若需要截取一个不规则图案,则需要在截图完成后,通过其它图片编辑工具对截图图片进行裁剪。
另一种是根据鼠标选定路径合成一个自定义的截图形状,以截取自定义的截图形状内显示的内容,图2为相关技术提供的截图处理过程的示意图,参见图2,通过鼠标选定的路径得到一个不规则形状的截图框,根据该截图框截图得到的截图图像。由图2可知,通过鼠标路径进行截图,会导致截取内容弯曲,边缘毛躁,不适合分享和使用。
本发明提出一种截图处理方法,通过在图形界面中呈现第一截图框及形状选择功能项;响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框;能够得到用户所需形状的截图图像,且能够避免截取内容弯曲,边缘毛躁的问题。
参见图3,图3是本发明实施例提供的截图处理系统100的架构示意图,为实现支撑一个示例性应用,终端400通过网络300连接服务器200,网络30 0可以是广域网或者局域网,又或者是二者的组合。
终端400,用于在图形界面呈现第一截图框及形状选择功能项;响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,所述第二截图框的形状不同于所述第一截图框的形状;响应于基于所述图形界面触发的截图指令,对所述第二截图框中的内容进行截图处理,得到截图图像。将得到的截图图像上传至服务器;
服务器200,用于接收终端400上传的截图图像并保存。
在实际应用中,服务器既可以为单独配置的支持各种业务的一个服务器,亦可以配置为一个服务器集群;终端可以为智能手机、平板电脑、笔记本电脑等各种类型的用户终端,还可以为可穿戴计算设备、个人数字助理(PDA)、台式计算机、蜂窝电话、媒体播放器、导航设备、游戏机、电视机、或者这些数据处理设备或其他数据处理设备中任意两个或多个的组合。
接下来对实施本发明实施例的截图处理方法的电子设备进行说明。参见图 4,图4是本发明实施例提供的电子设备的结构示意图,图4所示的电子设备包括:至少一个处理器410、存储器450、至少一个网络接口420和用户接口430。电子设备中的各个组件通过总线系统440耦合在一起。可理解,总线系统440 用于实现这些组件之间的连接通信。总线系统440除包括数据总线之外,还包括电源总线、控制总线和状态信号总线。但是为了清楚说明起见,在图2中将各种总线都标为总线系统440。
处理器410可以是一种集成电路芯片,具有信号的处理能力,例如通用处理器、数字信号处理器(DSP,Digital Signal Processor),或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等,其中,通用处理器可以是微处理器或者任何常规的处理器等。
用户接口430包括使得能够呈现媒体内容的一个或多个输出装置431,包括一个或多个扬声器和/或一个或多个视觉显示屏。用户接口430还包括一个或多个输入装置432,包括有助于用户输入的用户接口部件,比如键盘、鼠标、麦克风、触屏显示屏、摄像头、其他输入按钮和控件。
存储器450可以是可移除的,不可移除的或其组合。示例性的硬件设备包括固态存储器,硬盘驱动器,光盘驱动器等。存储器450可选地包括在物理位置上远离处理器410的一个或多个存储设备。
存储器450包括易失性存储器或非易失性存储器,也可包括易失性和非易失性存储器两者。非易失性存储器可以是只读存储器(ROM,Read Only Me mory),易失性存储器可以是随机存取存储器(RAM,Random Access Memor y)。本发明实施例描述的存储器450旨在包括任意适合类型的存储器。
在一些实施例中,存储器450能够存储数据以支持各种操作,这些数据的示例包括程序、模块和数据结构或者其子集或超集,下面示例性说明。
操作系统451,包括用于处理各种基本系统服务和执行硬件相关任务的系统程序,例如框架层、核心库层、驱动层等,用于实现各种基础业务以及处理基于硬件的任务;
网络通信模块452,用于经由一个或多个(有线或无线)网络接口420到达其他计算设备,示例性的网络接口420包括:蓝牙、无线相容性认证(WiFi)、和通用串行总线(USB,Universal Serial Bus)等;
呈现模块453,用于经由一个或多个与用户接口430相关联的输出装置43 1(例如,显示屏、扬声器等)使得能够呈现信息(例如,用于操作外围设备和显示内容和信息的用户接口);
输入处理模块454,用于对一个或多个来自一个或多个输入装置432之一的一个或多个用户输入或互动进行检测以及翻译所检测的输入或互动。
在一些实施例中,本发明实施例提供的装置可以采用软件方式实现,图4 示出了存储在存储器450中的截图处理装置455,其可以是程序和插件等形式的软件,包括以下软件模块:第一呈现模块4551、第二呈现模块4552和截图模块4553,这些模块是逻辑上的,因此根据所实现的功能可以进行任意的组合或进一步拆分。
将在下文中说明各个模块的功能。
在另一些实施例中,本发明实施例提供的截图处理装置可以采用硬件方式实现,作为示例,本发明实施例提供的截图处理装置可以是采用硬件译码处理器形式的处理器,其被编程以执行本发明实施例提供的截图处理方法,例如,硬件译码处理器形式的处理器可以采用一个或多个应用专用集成电路(ASIC, Application Specific IntegratedCircuit)、DSP、可编程逻辑器件(PLD,Progra mmable Logic Device)、复杂可编程逻辑器件(CPLD,Complex Programmabl e Logic Device)、现场可编程门阵列(FPGA,Field-Programmable Gate Array) 或其他电子元件。
基于上述对本发明实施例的截图系统及电子设备的说明,接下来对本发明实施例提供的截图处理方法进行说明,图5为本发明实施例提供的截图处理方法的流程示意图,在一些实施例中,该截图处理方法由终端实施,如通过图5 中的终端400实施,结合图3及图5,对本发明实施例提供的截图处理方法进行说明。
步骤501:在图形界面中呈现第一截图框及形状选择功能项。
这里,第一截图框用于指示用户选取的待截图的区域;形状选择功能项用于选择截图框的形状,可以包含于引导工具栏中,通过引导工具栏呈现形状选择功能项;或者,形状选择功能项也可以单独呈现,无需包含在引导工具栏中。需要说明的是,第一截图框可以为矩形、三角形、圆形等,这里不对第一截图框的形状作限定。
在一些实施例中,当引导工具栏包括形状选择功能项时,引导工具栏和第一截图框可以是一体的,即在呈现第一截图框的同时,呈现包括形状选择功能项的引导工具栏,引导工具栏会跟随第一截图框位置的变化而变化。图6是本发明实施例提供的引导工具栏的界面示意图,参见图6,在第一截图框的下方呈现引导工具栏,引导工具栏与第一截图框是一体的。
在另一些实施例中,引导工具栏可以是单独呈现的,即无论是否呈现第一截图框,或者无论第一截图框呈现在哪里,均在图形界面中呈现引导工具栏。其中,引导工具栏的位置可以是预先设置的,如可以将引导工具栏设置在图形界面的右侧,图7为本发明实施例提供的引导工具栏的界面示意图,参见图7,在图形界面的右侧呈现引导工具栏,引导工具栏中包括形状选择功能项,引导工具栏是单独呈现的。
在一些实施中,终端可以通过以下方式呈现第一截图框:接收到屏幕捕捉指令;在图形界面中,呈现第一区域选取焦点;响应于基于第一区域选取焦点触发的第一区域选取操作,呈现与第一区域选取操作所选取区域对应的第一截图框。
在实际实施时,针对第一区域选取焦点触发的区域选取操作可以是拖动操作,也可以是点击操作。以拖动操作为例,接收到用户针对第一区域选取焦点的拖动操作,呈现一个截图框,该截图框的大小随拖动操作逐渐变大,最终根据拖动操作开始的位置及拖动操作结束的位置确定所选取的区域,并呈现与所选取区域相对应的第一截图框;以点击操作为例,接收到用户针对第一区域选取焦点的点击操作,在点击操作所对应的位置呈现第一截图框,其中,第一截图框的大小可以是预先设定的,也可以是根据显示界面中呈现的内容确定的,例如,点击操作所对应的位置呈现有某个对话框时,第一截图框的大小可以和该对话框相对应,以使对话框正好位于第一截图框内。
在一些实施例中,终端可以通过以下方式触发屏幕捕捉指令:通过会话窗口,在会话界面中呈现截图功能项;响应于针对所述截图功能项的点击操作,接收到通过所述点击操作触发的所述屏幕捕捉指令。
在实际应用中,屏幕捕捉指令可以通过社交应用的客户端触发,如即时通讯客户端(微信/QQ)、微博客户端等,客户端的会话窗口的会话界面中呈现有截图功能项,在终端上执行针对该截图功能项的点击操作就可以触发屏幕捕捉指令。
例如,图8为本发明实施例提供的会话界面示意图,参见图8,会话界面中呈现有一个工具栏,包括截图功能项;接收到用户针对截图功能项的点击操作后,呈现“+”的第一区域选取焦点;然后,接收到针对“+”的区域选取操作,这里,区域选取操作为拖动操作,根据拖动操作所选取区域呈现第一截图框,并在第一截图框的下方呈现包含形状选择功能项的引导工具栏。
在一些实施例中,终端可以通过以下方式触发屏幕捕捉指令:响应于针对屏幕捕捉快捷键的点击操作,接收到通过所述屏幕捕捉快捷键触发的所述屏幕捕捉指令。
在实际应用中,屏幕捕捉指令还可以通过截图客户端触发,即通过屏幕捕捉快捷键触发屏幕捕捉指令,如可以通过点击键盘上的Print Screen键触发屏幕捕捉指令。
步骤502:响应于针对形状选择功能项的点击操作,将呈现的第一截图框变化为对应目标形状的第二截图框。
在一些实施例中,终端可以通过以下方式将第一截图框变化为对应目标形状的第二截图框:响应于针对形状选择功能项的点击操作,呈现多个供选择的形状;响应于针对目标形状的选取操作,将呈现的第一截图框变化为对应目标形状的第二截图框。
在实际实施时,终端在接收到用户针对形状选择功能项的点击操作后,呈现多个可以选择的形状,如三角形、圆形、椭圆形、五边形等。需要说明的是,供选择的形状是预先设置的,可以是规则的形状,也可以是不规则的形状。当接收到用户针对目标形状的选取操作后,终端呈现对应目标形状的第二截图框,同时取消呈现第一截图框,以使呈现的第一截图框变化为对应目标形状的第二截图框。
例如,第一截图框的形状为矩形,当接收到用户针对圆形的选取操作后,呈现圆形的第二截图框,同时,不再呈现第一截图框,以使呈现的矩形的第一截图框变化为圆形的第二截图框。
在一些实施例中,终端在接收到用户针对形状选择功能项的点击操作后,呈现预先设置的全部形状。
在一些实施例中,当供选择的形状较多时,终端在接收到用户针对形状选择功能项的点击操作后,可以呈现预设个数的供选择的形状,并呈现用于呈现全部供选择的形状的按钮,当接收到用户该按钮的点击操作后,终端呈现全部供选择的形状。
例如,图9为本发明实施例提供的呈现多个供选择的形状的界面示意图,参见图9,终端呈现五个供选择的形状,同时呈现“更多”的按钮,当接收到用户针对“更多”按钮的点击操作后,呈现全部供选择的形状。
在一些实施例中,当供选择的形状较多时,终端在接收到用户针对形状选择功能项的点击操作后,终端可以呈现预设个数的供选择的形状,在用户点击用于切换下一组可供选择的形状的按钮后,终端呈现下一组预设个数的供选择的形状。
例如,图10为本发明实施例提供的呈现多个供选择的形状的界面示意图,参见图10,终端接收到针对形状选择功能项的点击操作后,呈现五个供选择的形状,在用户点击用于切换下一组可供选择的形状的按钮后,终端再呈现五个供选择的形状,新呈现的形状与之前呈现过的形状不同。
在一些实施例中,终端可以通过以下方式在图形界面中呈现形状选择功能项:在图形界面中呈现多个形状选择功能项,不同的形状选择功能项所对应的形状不同;相应的,终端可以通过以下方式将呈现的所述第一截图框变化为对应目标形状的第二截图框:响应于针对对应目标形状的形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应所述目标形状的第二截图框。
在实际实施时,终端在图形界面中呈现的形状选择功能项可以是多个,每个形状选择功能项分别对应一个供选择的形状,用户可以直接点击对应目标形状的形状选择功能项,将呈现的第一截图框变化为对应目标形状的第二截图框,如此,不需要先点击形状选择功能项,再呈现供选择的形状,简化了用户的操作。
例如,图11为本发明实施例提供的呈现多个形状选择功能项的示意图,参见图11,在第一截图框的下方呈现多个形状选择功能项,分别对应圆形、三角形、椭圆形、五边形等,当接收到用户针对其中一个形状选择功能项的点击操作,终端将第一截图框变化为第二截图框,第二截图框的形状为点击的形状选择功能项所对应的形状。在一些实施例中,终端可以通过以下方式将呈现的第一截图框变化为对应目标形状的第二截图框:响应于针对形状选择功能项的点击操作,确定呈现第一截图框的区域;在区域呈现第二截图框,并取消呈现第一截图框,以将呈现的第一截图框变化为第二截图框。
在实际实施时,终端在呈现第一截图框的区域呈现第二截图框,使得第二截图框位于第一截图框的区域内,并使第二截图框的大小与第一截图框的大小相对应。
在一些实施例中,终端可以获取第一截图框的位置,在第一截图框的位置呈现第二截图框,如获取第一截图框的中心点位置,使得第二截图框的中心与第一截图框的中心重合。并且,终端可以获取第一截图框的区域,使第二截图框正好填充第一截图框的区域。
例如,图12A-12B为本发明实施例提供的将第一截图框变化为第二截图框的界面示意图,参见图12A,第一截图框为矩形,将矩形的第一截图框变化为圆形的第二截图框,第二截图框的中心与第一截图框的中心重合,且圆形的第二截图框与第一截图框的区域的边相切,使第二截图框正好填充第一截图框的区域。参见图12B,第一截图框为圆形,将圆形的第一截图框变化为五角星形的第二截图框,第二截图框的中心与第一截图框的中心重合,且五角星的五个顶点正好位于第一截图框的区域的边上,使第二截图框正好填充第一截图框的区域。需要说明的是,图中虚线框部分表示第一截图框的区域,在实际实施时,不会呈现该虚线框。
在一些实施例中,终端可以通过以下方式将呈现的第一截图框变化为对应目标形状的第二截图框:响应于针对形状选择功能项的点击操作,呈现对应目标形状的第二区域选取焦点;响应于基于区域选取焦点触发的第二区域选取操作,在第一截图框中第二区域选取操作所选取的区域,呈现对应目标形状的第二截图框,并将第一截图框中非选中区域的内容处理为透明位图,以将呈现的第一截图框变化为对应目标形状的第二截图框。其中,非选中区域为,第一截图框中区别于第二截图框中的部分。
在实际实施时,在终端呈现对应目标形状的第二区域选取焦点后,用户可以拖动第二区域选取焦点,以触发第二区域选取操作。也即,当终端接收到用户针对第二区域选取焦点的拖动操作,根据拖动操作呈现目标形状的第二截图框,第二截图框的大小随拖动操作逐渐变大,当拖动操作停止时,呈现的第二截图框的大小是根据拖动操作开始的位置与拖动操作停止的位置确定的。
在一些实施例中,当第二选取操作所选取的区域全部位于第一截图框中时,呈现的第二截图框对应第二选取操作所选取的区域。例如,图13为本发明实施例提供的将第一截图框变化为第二截图框的界面示意图,参见图13,用户在第一截图框内执行针对第二区域选取焦点的拖动操作,根据拖动操作,在第一截图框内呈现五角星形的第二截图框,并将第一截图框中非选中区域的内容处理为透明位图。
在一些实施例中,当第二选取操作所选取的区域只有部分位于第一截图框中时,呈现的第二截图框对应第二选取操作所选取的区域与第一截图框的区域重合的部分。例如,图14为本发明实施例提供的将第一截图框变化为第二截图框的界面示意图,参见图14,用户在第一截图框内执行针对第二区域选取焦点的拖动操作,根据拖动操作,确定拖动操作所选取的区域与第一截图框的区域的重合部分,根据重合部分呈现第二截图框,即第二截图框的形状对应选取的目标形状的区域与第一截图框的区域重合部分的形状。
在一些实施例中,终端将呈现的第一截图框变化为对应目标形状的第二截图框之后,当第二截图框包括至少一个锚点时,终端响应于针对第二截图框中的第一锚点的拖动操作,根据拖动操作调整呈现的第二截图框的形状;当拖动操作停止时,在图形界面中呈现调整后的第二截图框;相应的,终端基于图形界面触发的截图指令,对调整后的第二截图框中的内容进行截图处理,得到截图图像。
在实际实施时,终端接收到针对第一锚点的拖动操作,在拖动操作持续的过程中,跟随拖动操作,同步更新第一锚点的位置,并调整呈现的第二截图框的形状。
这里,锚点是第二截图框上可调整的点,支持向内移动、向外移动、平移等,以通过对锚点进行拖动操作,调整待截图的区域。在实际实施时,第二截图框可以仅包括一个锚点,也可以包括多个锚点。其中,锚点的数量可以根据第二截图框的大小来确定,也可以根据第二截图框的形状来确定,也可以是由用户预先设置的。
在一些实施例中,终端在将呈现的第一截图框变换为第二截图框时,根据确定的第二截图框的区域大小,确定相应的锚点的数量,呈现包含有响应数量的锚点的第二截图框。
在实际实施时,第二截图框的区域越大,可调整的锚点的数量就越多,能够实现对截图框更多样化的调整;相对的,第二截图框的区域越小,可调整的锚点的数量越少。
例如,图15A-15B为本发明实施例提供的第二截图框的界面示意图,参见图15A-15B,图15A中的第二截图框的区域大于图15B中的第二截图框的区域,图15A中的第二截图框包含有8个锚点,图15B中的第二截图框仅包含4个锚点。
在一些实施例中,终端响应于图形编辑指令,开启图形编辑模式;在图形编辑模式下,接收到针对第一锚点的拖动操作。
在实际实施时,终端可以在图形界面中呈现图形编辑功能项,用户可以通过点击图形编辑功能项触发图形编辑指令,终端接收到图形编辑指令后,开启图形编辑模式;终端也可以设置图形编辑对应的快捷键,用户通过对应图形编辑的快捷键,触发图形编辑指令,终端接收到图形编辑指令后,开启图形编辑模式。例如,当用户按下ALT键时,终端开启图形编辑模式;当用户松开AL T键时,终端关闭图形编辑模式。
在一些实施例中,终端可以通过以下方式调整呈现的第二截图框的形状:响应于针对第一锚点的拖动操作,根据所述拖动操作调整所述第二截图框中连接所述第一锚点的边的形状,以调整呈现的所述第二截图框的形状。
在实际实施时,根据拖动操作所指示的第一锚点的位置,同步调整呈现的第一截图框的形状。需要说明的是,调整第二截图框的形状的规则是预先设置的,例如,可以将连接第一锚点边的形状从直线型调整为弧形;或者可以将连接第一锚点边的形状从直线型调整为折线形;或者可以将连接第一锚点边的形状从弧形调整为折线形等。
示例性地,图16A-16C为本发明实施例提供的调整呈现的第二截图框的形状的示意图,参见图16A,第二截图框为矩形框,将第二截图框中的第一锚点向矩形内部拖动,调整连接第一锚点边的形状,将其从直线调整为向第一矩形框内部弯曲的曲线,其中,向内拖动的距离越长,曲线弯曲的程度越大;参见图16B,第二截图框为矩形框,将第二截图框中的第一锚点向矩形内部拖动,调整连接第一锚点边的形状,将其从直线调整为向第二截图框内部曲折的折线,其中,向内拖动的距离越长,折线弯折的程度越大;参见图16C,第二截图框为圆形框,将第二截图框中的第一锚点向圆形外部拖动,调整连接第一锚点边的形状,将其从弧形调整为折线,以使调整后的第二截图框为水滴形。
在一些实施例中,终端可以通过以下方式调整第二截图框的形状:获取第一锚点的类型;根据拖动操作调整连接第一锚点的边的形状,使得调整后连接第一锚点的边的形状与第一锚点的类型相对应。
在实际实施时,终端可以为不同类型的锚点设置不同的形状调整规则,也即对不同类型的锚点进行拖动操作,使得调整后连接该锚点的边的形状不同。需要说明的是,第一锚点的类型可以是在得到第二截图框时随机分配的;或者,第一锚点的类型也可以是根据第一锚点所处的位置确定的,如第二截图框为矩形框时,可以将锚点的类型划分为角锚点、边锚点;或者,第一锚点的类型也可以是由用户根据需求设置的。
在一些实施例中,终端提供有锚点类型选择的功能,也即用户可以根据需要对锚点的类型进行编辑:终端可以呈现不同类型锚点供用户选择,以使用户可以通过将第一锚点设置为所需类型的锚点,在对第二截图框的形状进行调整的过程中拥有更加多样化的选择,有利于提升用户的体验感。
在一些实施例中,终端可以通过以下方式调整第二截图框的形状,当第二截图框为矩形框,且第一锚点为矩形框的角锚点时,响应于针对第一锚点的拖动操作,根据拖动操作将第二截图框的至少一个角调整为圆角,以调整呈现的第二截图框的形状。
在实际实施时,针对第一锚点的拖动操作为沿第一截图框的边水平或垂直拖动,终端根据拖动操作将第一截图框的一个角或多个角调整为圆角。
在一些实施例中,终端可以通过以下方式将第一截图框的至少一个角调整为圆角:获取第一锚点的拖动距离;根据拖动距离,将第二截图框中对应所述第一锚点的角调整为圆角,使得圆角的大小与第一锚点的拖动距离相对应。
在实际实施时,终端可以根据拖动操作将第一截图框的对应第一锚点的角调整为圆角,如当第一锚点为第二截图框左上角的角锚点时,那么终端根据拖动操作将第二截图框的左上角调整为圆角。这里,圆角的半径与第一锚点的拖动距离相同。需要说明的是,当圆角最大化时,第一锚点将无法被拖动。
在一些实施例中,终端可以通过以下方式将第一截图框的至少一个角调整为圆角:获取所述第一锚点的拖动距离;根据所述拖动距离,将所述第二截图框中的四个角调整为圆角,使得所述圆角的大小与所述第一锚点的拖动距离相对应。
在实际实施时,终端可以根据拖动操作将第二截图框的四个角调整为圆角,如接收到第二截图框上任一角锚点的拖动操作,根据拖动操作将第二截图框上的四个角调整为圆角。这里,圆角的半径与第一锚点的拖动距离相同。需要说明的是,当圆角最大化时,第一锚点将无法被拖动。
示例性地,当根据拖动操作将第二截图框的四个角调整为圆角时,图17 为本发明实施例提供的调整第二截图框形状的示意图,参见图17,将第二截图框左上角的锚点水平向右拖动,终端接收到该拖动操作,同步更新第一锚点的位置,同时将第二截图框的四个角调整为圆角,其中,圆角的半径与第一锚点的拖动距离相同。
图18A-18B为本发明实施例提供的圆角最大的截图框示意图,参见图18A,图中第二截图框的四个圆角最大化,即圆角的半径等于第二截图框宽度的一半时,调整后的第二截图框的宽边的形状呈半圆形,此时,圆角无法再被调大,相应的,第一锚点无法向右拖动。参见图18B,当第二截图框的长度和宽度相同时,圆角达到最大,调整后的第二截图框的形状为圆形,此时,第一锚点也无法再向右拖动。
在一些实施例中,终端可以根据拖动操作将预设的多个角调整为圆角,如当第一锚点为第二截图框左上角的角锚点时,那么终端根据拖动操作将第二截图框的右上角、左下角及右下角调整为圆角。
在一些实施例中,在终端在图形界面中呈现调整后的第二截图框,还可以接收到针对第二锚点的拖动操作,根据针对第二锚点的拖动操作,对调整后的第二截图框进行进一步地调整。
在实际实施时,当截图框包括多个锚点时,每个锚点均是可以被拖动的,终端在接收到用户对任一锚点执行拖动操作,均会根据拖动操作调整截图框的形状。用户可以执行多次拖动操作,相应的,终端会根据用户的拖动操作,多次调整截图框的形状。其中,多次拖动操作可以是对同一锚点的拖动操作,也可以是对不同锚点的拖动操作。
例如,图19是本发明实施例提供的调整第二截图框的示意图,参见图19,终端接收到将第一锚点向第二截图框内拖动的拖动操作,根据拖动操作调整连接第一锚点的边的形状;拖动停止后,呈现调整后的第二截图框;接收到将第二锚点向调整后的第二截图框外拖动的拖动操作,根据拖动操作调整连接第二锚点的边的形状;拖动停止后,呈现二次调整后的第二截图框。
在一些实施例中,终端还可以响应于锚点添加指令,呈现锚点添加焦点;响应于基于锚点添加焦点触发的点击操作,在点击操作所指示的位置上添加目标锚点。
在实际实施时,终端可以呈现一个引导工具栏,引导工具栏中至少包括用于锚点添加功能项,用户可以通过针对该功能项的点击操作触发锚点添加指令,终端接收到锚点添加指令,呈现锚点添加焦点,以提示用户可以添加锚点,用户基于锚点添加焦点执行点击操作,终端根据点击操作所对应的位置上添加锚点。需要说明的是,锚点仅能添加在呈现的截图框上。
本发明通过响应于锚点添加指令,呈现锚点添加焦点;响应于基于锚点添加焦点触发的点击操作,在点击操作所指示的位置上添加目标锚点,能够根据用户需求添加目标锚点,进而更灵活地调整截图框的形状。
步骤503:响应于基于图形界面触发的截图指令,对第二截图框中的内容进行截图处理,得到截图图像。
在实际实施时,终端接收到通过图形界面上的截图功能项触发的截图指令,获取对应而截图框内的内容的显示数据,根据显示数据生成截图图像。在得到截图图像后,终端可将截图图像保存在本地,也可上传至服务器,也可将截图图像发送给其它终端。
本发明实施例,通过在图形界面中呈现第一截图框及形状选择功能项;响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应所述目标形状的第二截图框;由于设置了形状选择功能项,如此,用户能够通过形状选择功能项,将第一截图框调整为所需形状的第二截图框,进而得到所需形状的截图图像;并且,相对于根据鼠标的路径来自定义截图框的形状,通过选取所需的形状来改变截图框的形状的操作更加简便,能够避免截取内容弯曲,边缘毛躁的问题。
下面以客户端为社交应用客户端为例,继续续对本发明实施例提供的截图处理方法进行说明,图20为本发明实施例提供的截图处理方法的流程示意图,参见图20,本发明实施例提供的截图处理方法包括:
步骤601:客户端通过会话窗口,在会话界面中呈现截图功能项。
步骤602:响应于针对截图功能项的点击操作,在图形界面中,呈现第一区域选取焦点。
步骤603:响应于基于所述第一区域选取焦点触发的第一区域选取操作,呈现与所述第一区域选取操作所选取区域对应的第一截图框、及包括形状选择功能项的引导工具栏。
例如,参见图8,会话界面中呈现有一个工具栏,包括截图功能项;接收到用户针对截图功能项的点击操作后,呈现“+”的第一区域选取焦点;然后,接收到针对“+”的区域选取操作,这里,区域选取操作为拖动操作,根据拖动操作所选取区域呈现第一截图框,并在第一截图框的下方呈现包括形状选择功能项的引导工具栏。
步骤604:响应于针对所述形状选择功能项的点击操作,呈现多个供选择的形状。
在实际实施时,终端在接收到用户针对引导工具栏中形状选择功能项的点击操作后,呈现多个可以选择的形状,如三角形、圆形、椭圆形、五边形等。需要说明的是,供选择的形状是预先设置的,可以是规则的形状,也可以是不规则的形状。
步骤605:响应于针对圆形的选取操作,确定呈现第一截图框的区域。
步骤606:在呈现第一截图框的区域呈现对应圆形的第二截图框,并取消呈现第一截图框。
例如,参见图12A,第一截图框为矩形,将矩形的第一截图框变化为圆形的第二截图框,第二截图框的中心与第一截图框的中心重合,且圆形的第二截图框与第一截图框的区域的边相切,使第二截图框正好填充第一截图框的区域。
步骤607:响应于图形编辑指令,开启图形编辑模式。
在实际实施时,终端可以在图形界面中呈现图形编辑功能项,用户可以通过点击图形编辑功能项触发图形编辑指令,终端接收到图形编辑指令后,开启图形编辑模式;终端也可以设置图形编辑对应的快捷键,用户通过对应图形编辑的快捷键,触发图形编辑指令,终端接收到图形编辑指令后,开启图形编辑模式。例如,当用户按下ctrl键时,终端开启图形编辑模式;当用户松开ctrl 键时,终端关闭图形编辑模式。
步骤608:在图形编辑模式下,接收到针对第二截图框中的第一锚点的拖动操作。
步骤609:响应于针对第二截图框中的第一锚点的拖动操作,根据拖动操作调整第二截图框中连接第一锚点的边的形状,以调整呈现的第二截图框的形状。
例如,参见图16C,第二截图框为圆形,将第二截图框中的第一锚点向圆形外部拖动,调整连接第一锚点边的形状,将其从弧形调整为折线,以使调整后的第二截图框为水滴形。
步骤610:当针对第二截图框中第一锚点的拖动操作停止时,在图形界面中呈现调整后的第二截图框。
步骤611:响应于基于图形界面触发的截图指令,对调整后的第二截图框中的内容进行截图处理,得到截图图像。
下面以客户端为截图客户端为例,继续对本发明实施例提供的截图处理方法进行说明,图21为本发明实施例提供的截图处理方法的流程示意图,参见图 21,本发明实施例提供的截图处理方法包括:
步骤701:客户端响应于针对屏幕捕捉快捷键的点击操作,在图形界面中,呈现区域选取焦点。
例如,可以通过点击键盘上的Print Screen键触发屏幕捕捉指令。
步骤702:响应于基于所述第一区域选取焦点触发的第一区域选取操作,呈现与第一区域选取操作所选取区域对应的第一截图框、及包括形状选择功能项的引导工具栏。
例如,参见图8,会话界面中呈现有一个工具栏,包括截图功能项;接收到用户针对截图功能项的点击操作后,呈现“+”的第一区域选取焦点;然后,接收到针对“+”的区域选取操作,这里,区域选取操作为拖动操作,根据拖动操作所选取区域呈现第一截图框,并在第一截图框的下方呈现引导工具栏。
步骤703:响应于针对形状选择功能项的点击操作,呈现多个供选择的形状。
在实际实施时,终端在接收到用户针对引导工具栏中形状选择功能项的点击操作后,呈现多个可以选择的形状,如三角形、圆形、椭圆形、五边形等。需要说明的是,供选择的形状是预先设置的,可以是规则的形状,也可以是不规则的形状。
步骤704:响应于针对目标形状的选取操作,呈现对应目标形状的第二区域选取焦点。
步骤705:响应于基于所述第二区域选取焦点触发的第二区域选取操作,在第一截图框中第二区域选取操作所选取的区域,呈现对应目标形状的第二截图框,并将第一截图框中非选中区域的内容处理为透明位图。
例如,参见图13,用户在第一截图框内执行针对第二区域选取焦点的拖动操作,根据拖动操作,在第一截图框内呈现圆形的第二截图框,并将第一截图框中非选中区域的内容处理为透明位图。
步骤706:响应于基于图形界面触发的截图指令,对第二截图框中的内容进行截图处理,得到截图图像。
下面,将说明本发明实施例在一个实际的应用场景中的示例性应用。
首先,确定用户所选取的区域。在确定用户所选取的区域后,在图像界面中呈现对应用户所选取的区域的第一截图框、及包括形状选择功能项的引导工具栏。
在实际实施时,终端接收到屏幕捕捉指令,在图像界面中呈现区域选取焦点,用户基于该区域选取焦点触发区域选取操作,终端根据区域选取操作确定用户所选取的区域。
需要说明的是,引导工具栏和第一截图框可以是一体的,引导工具栏可以是单独呈现的。
例如,参见图6,在第一截图框的下方呈现引导工具栏,引导工具栏与第一截图框是一体的。或者,参见图7,在图形界面的右侧呈现引导工具栏,引导工具栏中包括形状选择功能项,引导工具栏是单独呈现的。
然后,用户可以通过点击形状选择功能项,以改变第一截图框的形状。终端在接受到针对形状选择功能项的点击操作,呈现多个供选择的形状,如三角形、圆形、椭圆形、五边形等。
接着,用户可以根据需要选择所需的目标形状,终端接收到针对目标形状的选取操作,将呈现的第一截图框变化为对应目标形状的第二截图框。
在实际实施时,终端可以在接收到针对目标形状的选取操作后,可以确定呈现第一截图框的区域,然后在呈现第一截图框的区域呈现第二截图框,同时取消呈现第一截图框,以将呈现的第一截图框变化为第二截图框。
例如,参见图12A,第一截图框为矩形,将矩形的第一截图框变化为圆形的第二截图框,第二截图框的中心与第一截图框的中心重合,且圆形的第二截图框与第一截图框的区域的边相切,使第二截图框正好填充第一截图框的区域。参见图12B,第一截图框为圆形,将圆形的第一截图框变化为五角星形的第二截图框,第二截图框的中心与第一截图框的中心重合,且五角星的五个顶点正好位于第一截图框的区域的边上,使第二截图框正好填充第一截图框的区域。需要说明的是,图中虚线框部分表示第一截图框的区域,在实际实施时,不会呈现该虚线框。
或者,终端也可以在接收到针对目标形状的选取操作后,呈现对应目标形状的第二区域选取焦点,以使用户可以通过拖动第二区域选取焦点,选取呈现第二截图框的区域,终端在接收到用户通过拖动第二区域选取焦点触发的区域选取操作后,在区域选取操作所选取的区域呈现目标形状的第二截图框。
例如,参见图13,用户在第一截图框内执行针对第二区域选取焦点的拖动操作,根据拖动操作,在第一截图框内呈现五角星形的第二截图框,并将第一截图框中非选中区域的内容处理为透明位图。
最后,终端在接收到图形界面触发的截图指令后,对第二截图框中的内容进行截图处理,得到截图图像。
在实际实施时,终端接收到通过图形界面上的截图功能项触发的截图指令,获取对应而截图框内的内容的显示数据,根据显示数据生成截图图像。在得到截图图像后,终端可将截图图像保存在本地,也可上传至服务器,也可将截图图像发送给其它终端。
在一些实施例中,在将呈现的第一截图框变化为对应目标形状的第二截图框之后,当第二截图框包含至少一个锚点时,可以通过针对锚点的拖动操作,调整呈现的第二截图框的形状。
在一些实施例中,终端判断是否接收到针对ALT键的按压操作及针对锚点的拖动操作,若是,则根据拖动操作,调整呈现的截图框的边的形状,并将非选中区域的内容处理为透明位图,截图得到截图图像;否则,对第二截图框中的内容进行截图处理,得到截图图像。
在实际实施时,当用户按下ALT键时,终端开启图形编辑模式;当用户松开ALT键时,终端关闭图形编辑模式。在实际实施时,当用户按下ALT键时,光标的形状会发生改变,以提示用户可以进行图形编辑,当用户松开ALT键时,光标的形状会变回原始的形状。
例如,图22为本发明实施例提供的光标形状改变的示意图,参见图22,当用户按下ALT键时,光标的形状发生改变,当用户松开ALT键时,光标的形状会变回原始的形状。
在实际实施时,终端接收到针对锚点的拖动操作,在拖动操作持续的过程中,跟随拖动操作,同步更新锚点的位置,并调整呈现的截图框的形状。
需要说明的是,调整第一截图框的形状的规则是预先设置的,例如,可以将连接第一锚点边的形状从直线型调整为弧形;或者可以将连接第一锚点边的形状从直线型调整为折线形等。
这里,当截图框包括多个锚点时,每个锚点均是可以被拖动的,终端在接收到用户对任一锚点执行拖动操作,均会根据拖动操作调整截图框的形状。需要说明的是,用户可以执行多次拖动操作,相应地,终端会根据用户的拖动操作,多次调整截图框的形状。其中,多次拖动操作可以是对同一锚点的拖动操作,也可以是对不同锚点的拖动操作。
例如,图23为本发明实施例提供的调整后的截图框的示意图,参见图23,用户对多个锚点执行拖动操作后,得到如图23所示的截图框的形状。
在另一些实施例中,若第二截图框为矩形,终端判断是否接收到针对第二截图框左上角的角锚点的拖动操作,若是,根据拖动操作,调整截图框的四个角的形状,并将非选中区的内容处理为透明位图,截图得到截图图像;否则,对第二截图框中的内容进行截图处理,得到截图图像。
在实际实施时,当光标标记在截图框左上角的角锚点时,光标的形状会发生改变,以提示用户可以对左上角的角锚点进行拖动操作,如,可以是将光标调整为如图17中所示的形状。
在实际实施时,参见图17,将第二截图框左上角的锚点水平向右拖动,终端接收到该拖动操作,同步更新第一锚点的位置,同时将第二截图框的四个角调整为圆角,其中,圆角的半径与第一锚点的拖动距离相同。
参见图18A,图中第二截图框的四个圆角最大化,即圆角的半径等于第二截图框宽度的一半时,调整后的第二截图框的宽边的形状呈半圆形,此时,圆角无法再被调大,相应的,第一锚点无法向右拖动。参见图18B,当第二截图框的长度和宽度相同时,圆角达到最大,调整后的第二截图框的形状为圆形,此时,第一锚点也无法再向右拖动。
应用本发明上述实施例,具有以下有益技术效果:通过对规则区域再编辑,在非选中区域生成透明的位图,能够满足用户截取不规则形状的截图图像的需求,同时避免了截取内容弯曲,边缘毛躁的问题。
继续对本发明实施例提供的截图处理装置进行说明,图24为本发明实施例提供的截图处理装置的组成结构示意图,参见图24,在一些实施例中,本发明实施例提供的截图处理装置包括:
第一呈现模块4551,用于在图形界面中呈现第一截图框及形状选择功能项;
第二呈现模块4552,用于响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,所述第二截图框的形状不同于所述第一截图框的形状;
截图模块4553,用于响应于基于所述图形界面触发的截图指令,对所述第二截图框中的内容进行截图处理,得到截图图像。
在一些实施例中,所述第二呈现模块4552,还用于响应于针对所述形状选择功能项的点击操作,呈现多个供选择的形状;
响应于针对目标形状的选取操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框。
在一些实施例中,所述第一呈现模块4551,还用于在所述图形界面中呈现多个形状选择功能项,不同的形状选择功能项所对应的形状不同;
相应的,所述第二呈现模块4552,还用于响应于针对对应目标形状的形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应所述目标形状的第二截图框。
在一些实施例中,所述第一呈现模块4551,还用于接收到屏幕捕捉指令;
在所述图形界面中,呈现第一区域选取焦点;
响应于基于所述第一区域选取焦点触发的第一区域选取操作,呈现与所述第一区域选取操作所选取区域对应的第一截图框。
在一些实施例中,所述第一呈现模块4551,还用于通过会话窗口,在会话界面中呈现截图功能项;
响应于针对所述截图功能项的点击操作,接收到通过所述点击操作触发的所述屏幕捕捉指令。
在一些实施例中,所述第一呈现模块4551,还用于响应于针对屏幕捕捉快捷键的点击操作,接收到通过所述屏幕捕捉快捷键触发的所述屏幕捕捉指令。
在一些实施例中,所述第二呈现模块4552,还用于响应于针对所述形状选择功能项的点击操作,确定呈现第一截图框的区域;
在所述区域呈现第二截图框,并取消呈现所述第一截图框,以将呈现的所述第一截图框变化为所述第二截图框。
在一些实施例中,所述第二呈现模块4552,还用于响应于针对所述形状选择功能项的点击操作,呈现对应所述目标形状的第二区域选取焦点;
响应于基于所述第二区域选取焦点触发的第二区域选取操作,在所述第一截图框中所述第二区域选取操作所选取的区域,呈现对应所述目标形状的第二截图框,并将所述第一截图框中非选中区域的内容处理为透明位图,以将呈现的所述第一截图框变化为对应所述目标形状的第二截图框;
其中,所述非选中区域为,所述第一截图框中区别于所述第二截图框中的部分。
在一些实施例中,所述装置还包括:调整模块,用于当所述第二截图框包括至少一个锚点时,响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整呈现的所述第二截图框的形状;
当所述拖动操作停止时,在所述图形界面中呈现调整后的第二截图框;
相应的,所述截图模块4553,还用于基于所述图形界面触发的截图指令,对所述调整后的第二截图框中的内容进行截图处理,得到截图图像。
在一些实施例中,所述调整模块,还用于响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整所述第二截图框中连接所述第一锚点的边的形状,以调整呈现的所述第二截图框的形状。
在一些实施例中,所述调整模块,还用于获取所述第一锚点的类型;
根据所述拖动操作调整所述连接所述第一锚点的边的形状,使得调整后连接所述第一锚点的边的形状与所述第一锚点的类型相对应。
在一些实施例中,所述调整模块,还用于当所述第二截图框为矩形框,且所述第一锚点为所述矩形框的角锚点时,响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作将所述第二截图框的至少一个角调整为圆角,以调整呈现的所述第二截图框的形状。
在一些实施例中,所述调整模块,还用于获取所述第一锚点的拖动距离;
根据所述拖动距离,将所述第二截图框中对应所述第一锚点的角调整为圆角,使得所述圆角的大小与所述第一锚点的拖动距离相对应。
在一些实施例中,所述调整模块,还用于获取所述第一锚点的拖动距离;
根据所述拖动距离,将所述第二截图框中的四个角调整为圆角,使得所述圆角的大小与所述第一锚点的拖动距离相对应。
在一些实施例中,所述调整模块,还用于响应于锚点添加指令,呈现锚点添加焦点;
响应于基于所述锚点添加焦点触发的点击操作,在所述点击操作所指示的位置上添加目标锚点。
本发明实施例提供一种存储有可执行指令的存储介质,其中存储有可执行指令,当可执行指令被处理器执行时,将引起处理器执行本发明实施例提供的方法,例如,如图5示出的截图处理方法。
在一些实施例中,存储介质可以是FRAM、ROM、PROM、EPROM、EE PROM、闪存、磁表面存储器、光盘、或CD-ROM等存储器;也可以是包括上述存储器之一或任意组合的各种设备。
在一些实施例中,可执行指令可以采用程序、软件、软件模块、脚本或代码的形式,按任意形式的编程语言(包括编译或解释语言,或者声明性或过程性语言)来编写,并且其可按任意形式部署,包括被部署为独立的程序或者被部署为模块、组件、子例程或者适合在计算环境中使用的其它单元。
作为示例,可执行指令可以但不一定对应于文件系统中的文件,可以可被存储在保存其它程序或数据的文件的一部分,例如,存储在超文本标记语言(H TML,Hyper TextMarkup Language)文档中的一个或多个脚本中,存储在专用于所讨论的程序的单个文件中,或者,存储在多个协同文件(例如,存储一个或多个模块、子程序或代码部分的文件)中。
作为示例,可执行指令可被部署为在一个计算设备上执行,或者在位于一个地点的多个计算设备上执行,又或者,在分布在多个地点且通过通信网络互连的多个计算设备上执行。
以上所述,仅为本发明的实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和范围之内所作的任何修改、等同替换和改进等,均包含在本发明的保护范围之内。

Claims (15)

1.一种截图处理方法,其特征在于,所述方法包括:
在图形界面中呈现第一截图框及形状选择功能项;
响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,所述第二截图框的形状不同于所述第一截图框的形状;
响应于基于所述图形界面触发的截图指令,对所述第二截图框中的内容进行截图处理,得到截图图像。
2.如权利要求1所述的方法,其特征在于,所述响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,包括:
响应于针对所述形状选择功能项的点击操作,呈现多个供选择的形状;
响应于针对目标形状的选取操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框。
3.如权利要求1所述的方法,其特征在于,所述在图形界面中呈现形状选择功能项,包括:
在所述图形界面中呈现多个形状选择功能项,不同的形状选择功能项所对应的形状不同;
相应的,所述响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,包括:
响应于针对对应目标形状的形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应所述目标形状的第二截图框。
4.如权利要求1所述的方法,其特征在于,所述在图形界面中呈现第一截图框,包括:
接收到屏幕捕捉指令;
在所述图形界面中,呈现第一区域选取焦点;
响应于基于所述第一区域选取焦点触发的第一区域选取操作,呈现与所述第一区域选取操作所选取区域对应的第一截图框。
5.如权利要求4所述的方法,其特征在于,所述接收到屏幕捕捉指令,包括:
通过会话窗口,在会话界面中呈现截图功能项;
响应于针对所述截图功能项的点击操作,接收到通过所述点击操作触发的所述屏幕捕捉指令。
6.如权利要求4所述的方法,其特征在于,所述接收到屏幕捕捉指令,包括:
响应于针对屏幕捕捉快捷键的点击操作,接收到通过所述屏幕捕捉快捷键触发的所述屏幕捕捉指令。
7.如权利要求1所述的方法,其特征在于,所述响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,包括:
响应于针对所述形状选择功能项的点击操作,确定呈现所述第一截图框的区域;
取消呈现的所述第一截图框,并在所述区域呈现对应目标形状的第二截图框,以将呈现的所述第一截图框变化为所述第二截图框。
8.如权利要求1所述的方法,其特征在于,所述响应于针对所述形状选择功能项的点击操作,将呈现的所述第一截图框变化为对应目标形状的第二截图框,包括:
响应于针对所述形状选择功能项的点击操作,呈现对应目标形状的第二区域选取焦点;
响应于基于所述第二区域选取焦点触发的第二区域选取操作,在所述第一截图框中所述第二区域选取操作所选取的区域,呈现对应目标形状的第二截图框,并将所述第一截图框中非选中区域的内容处理为透明位图,以将呈现的所述第一截图框变化为对应所述目标形状的第二截图框;
其中,所述非选中区域为,所述第一截图框中区别于所述第二截图框中的部分。
9.如权利要求1所述的方法,其特征在于,所述将呈现的所述第一截图框变化为对应目标形状的第二截图框之后,所述方法还包括:
当所述第二截图框包括至少一个锚点时,响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整呈现的所述第二截图框的形状;
当所述拖动操作停止时,在所述图形界面中呈现调整后的第二截图框;
相应的,响应于基于所述图形界面触发的截图指令,对所述第二截图框中的内容进行截图处理,得到截图图像,包括:
基于所述图形界面触发的截图指令,对所述调整后的第二截图框中的内容进行截图处理,得到截图图像。
10.如权利要求9所述的方法,其特征在于,所述响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整呈现的所述第二截图框的形状,包括:
响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整所述第二截图框中连接所述第一锚点的边的形状,以调整呈现的所述第二截图框的形状。
11.如权利要求10所述的方法,其特征在于,所述根据所述拖动操作调整所述第二截图框中连接所述第一锚点的边的形状,包括:
获取所述第一锚点的类型;
根据所述拖动操作调整所述连接所述第一锚点的边的形状,使得调整后连接所述第一锚点的边的形状与所述第一锚点的类型相对应。
12.如权利要求9所述的方法,其特征在于,所述响应于针对所述第二截图框中的第一锚点的拖动操作,根据所述拖动操作调整呈现的所述第二截图框的形状,包括:
当所述第二截图框为矩形框,且所述第一锚点为所述矩形框的角锚点时,响应于针对所述第一锚点的拖动操作,根据所述拖动操作将所述第二截图框的至少一个角调整为圆角,以调整呈现的所述第二截图框的形状。
13.如权利要求12所述的方法,其特征在于,所述根据所述拖动操作将所述第二截图框的至少一个角调整为圆角,包括:
获取所述第一锚点的拖动距离;
根据所述拖动距离,将所述第二截图框中的四个角调整为圆角,使得所述圆角的大小与所述第一锚点的拖动距离相对应。
14.一种截图处理装置,其特征在于,所述装置包括:
第一呈现模块,用于在图形界面中呈现第一截图框及形状选择功能项;
第二呈现模块,用于响应于针对所述形状选择功能项的点击操作将呈现的所述第一截图框变化为对应目标形状的第二截图框,所述第二截图框的形状不同于所述第一截图框的形状;
截图模块,用于响应于基于所述图形界面触发的截图指令,对所述第二截图框中的内容进行截图处理,得到截图图像。
15.一种存储介质,其特征在于,存储有可执行指令,用于引起处理器执行时,实现权利要求1至13任一项所述的截图处理方法。
CN201911382745.8A 2019-12-27 2019-12-27 截图处理方法、装置及存储介质 Pending CN111142754A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911382745.8A CN111142754A (zh) 2019-12-27 2019-12-27 截图处理方法、装置及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911382745.8A CN111142754A (zh) 2019-12-27 2019-12-27 截图处理方法、装置及存储介质

Publications (1)

Publication Number Publication Date
CN111142754A true CN111142754A (zh) 2020-05-12

Family

ID=70521237

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911382745.8A Pending CN111142754A (zh) 2019-12-27 2019-12-27 截图处理方法、装置及存储介质

Country Status (1)

Country Link
CN (1) CN111142754A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112416228A (zh) * 2020-11-20 2021-02-26 许述君 一种适用于多种非矩形截面屏幕取图的方法
CN114610207A (zh) * 2022-03-18 2022-06-10 壹沓科技(上海)有限公司 一种屏幕截取方法、装置、设备和存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102779008A (zh) * 2012-06-26 2012-11-14 奇智软件(北京)有限公司 一种屏幕截图方法和系统
CN104899832A (zh) * 2015-06-23 2015-09-09 上海卓易科技股份有限公司 一种移动终端的拼接截图方法及拼接截图装置
CN105824537A (zh) * 2016-03-30 2016-08-03 努比亚技术有限公司 截图方法和装置
CN107515715A (zh) * 2017-07-31 2017-12-26 北京小米移动软件有限公司 屏幕截图方法、装置及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102779008A (zh) * 2012-06-26 2012-11-14 奇智软件(北京)有限公司 一种屏幕截图方法和系统
CN104899832A (zh) * 2015-06-23 2015-09-09 上海卓易科技股份有限公司 一种移动终端的拼接截图方法及拼接截图装置
CN105824537A (zh) * 2016-03-30 2016-08-03 努比亚技术有限公司 截图方法和装置
CN107515715A (zh) * 2017-07-31 2017-12-26 北京小米移动软件有限公司 屏幕截图方法、装置及存储介质

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112416228A (zh) * 2020-11-20 2021-02-26 许述君 一种适用于多种非矩形截面屏幕取图的方法
CN114610207A (zh) * 2022-03-18 2022-06-10 壹沓科技(上海)有限公司 一种屏幕截取方法、装置、设备和存储介质

Similar Documents

Publication Publication Date Title
CN109101157B (zh) 侧边栏图标设置方法、装置、终端及存储介质
CN109164964B (zh) 内容分享方法、装置、终端及存储介质
CN108319491B (zh) 管理用户界面中的工作空间
US8117563B2 (en) Three-dimensional motion graphic user interface and method and apparatus for providing the same
JP5792287B2 (ja) オプションを選択するためのスピンコントロールユーザインターフェース
US8510680B2 (en) Three-dimensional motion graphic user interface and method and apparatus for providing the same
CN107562323A (zh) 图标移动方法、装置及终端
US20130241829A1 (en) User interface method of touch screen terminal and apparatus therefor
JP2014529820A (ja) タイルの配列
KR20130064458A (ko) 복수 개의 영역으로 구분된 화면을 디스플레이하는 디스플레이 장치 및 그 방법
WO2021243788A1 (zh) 屏幕截图方法及装置
WO2023155877A1 (zh) 应用图标管理方法、装置和电子设备
CN111142754A (zh) 截图处理方法、装置及存储介质
CN114518820A (zh) 图标整理方法、装置和电子设备
CN110286971B (zh) 处理方法及系统、介质和计算设备
CN114415886A (zh) 应用图标的管理方法和电子设备
CN111124232A (zh) 截图处理方法、装置及存储介质
CN115640782A (zh) 用于文档演示的方法、装置、设备和存储介质
CN115658203A (zh) 信息显示方法、装置、电子设备及存储介质
JP2017016594A (ja) 情報処理装置、情報表示プログラムおよび情報表示方法
CN111124246B (zh) 界面交互方法、设备及存储介质
KR102245042B1 (ko) 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 프로그램을 기록한 기록 매체
CN113360064A (zh) 对图片的局部区域的搜索方法及装置、介质及电子设备
JP2513890B2 (ja) 画面表示制御装置
US11907503B2 (en) Switching display of page between a window of a graphical user interface and an independent child window

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