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

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

Info

Publication number
CN111124232A
CN111124232A CN201911378537.0A CN201911378537A CN111124232A CN 111124232 A CN111124232 A CN 111124232A CN 201911378537 A CN201911378537 A CN 201911378537A CN 111124232 A CN111124232 A CN 111124232A
Authority
CN
China
Prior art keywords
frame
anchor point
cut
screenshot
shape
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
CN201911378537.0A
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 CN201911378537.0A priority Critical patent/CN111124232A/zh
Publication of CN111124232A publication Critical patent/CN111124232A/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

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

Claims (15)

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

Priority Applications (1)

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

Applications Claiming Priority (1)

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

Publications (1)

Publication Number Publication Date
CN111124232A true CN111124232A (zh) 2020-05-08

Family

ID=70504118

Family Applications (1)

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

Country Status (1)

Country Link
CN (1) CN111124232A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112988283A (zh) * 2021-05-12 2021-06-18 鹏城实验室 截图获得方法、装置、终端设备以及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112988283A (zh) * 2021-05-12 2021-06-18 鹏城实验室 截图获得方法、装置、终端设备以及存储介质

Similar Documents

Publication Publication Date Title
US10732922B2 (en) Manipulating shared screen content
JP5792287B2 (ja) オプションを選択するためのスピンコントロールユーザインターフェース
US20140372919A1 (en) Method, apparatus and mobile terminal for editing an image
US8756528B2 (en) System and method of customizing video display layouts having dynamic icons
US20060274086A1 (en) Clipview applications
KR20130064458A (ko) 복수 개의 영역으로 구분된 화면을 디스플레이하는 디스플레이 장치 및 그 방법
JP2014529820A (ja) タイルの配列
US20170131874A1 (en) Software Design Tool For A User Interface And The Administration Of Proximity Responsive Information Displays In Augmented Reality Or Virtual Reality Environments
US20140115459A1 (en) Help system
KR20170026274A (ko) 콘텐츠 편집 장치 및 편집 방법
WO2021243788A1 (zh) 屏幕截图方法及装置
CN110286971B (zh) 处理方法及系统、介质和计算设备
CN111142754A (zh) 截图处理方法、装置及存储介质
CN111124232A (zh) 截图处理方法、装置及存储介质
US11243678B2 (en) Method of panning image
KR101806922B1 (ko) 가상현실 컨텐츠 제작방법 및 장치
CN114518821A (zh) 应用图标管理方法、装置和电子设备
CN109257643B (zh) 一种直播间展示方法、终端设备及存储介质
KR102245042B1 (ko) 단말기, 이의 제어 방법 및 상기 방법을 구현하기 위한 프로그램을 기록한 기록 매체
US11461129B2 (en) Data processing method, terminal and storage medium
CN113360064A (zh) 对图片的局部区域的搜索方法及装置、介质及电子设备
CN113126863A (zh) 对象选择实现方法及装置、存储介质及电子设备
CN111190523A (zh) 一种界面处理方法、终端及计算机可读存储介质
US9727214B2 (en) Electronic apparatus and object processing method thereof
CN111124246B (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