CN112445394A - 一种截图方法和装置 - Google Patents

一种截图方法和装置 Download PDF

Info

Publication number
CN112445394A
CN112445394A CN201910816041.0A CN201910816041A CN112445394A CN 112445394 A CN112445394 A CN 112445394A CN 201910816041 A CN201910816041 A CN 201910816041A CN 112445394 A CN112445394 A CN 112445394A
Authority
CN
China
Prior art keywords
original picture
size information
width
screenshot
height
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
CN201910816041.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.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information 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 Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201910816041.0A priority Critical patent/CN112445394A/zh
Publication of CN112445394A publication Critical patent/CN112445394A/zh
Pending legal-status Critical Current

Links

Images

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/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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformation in the plane of the image
    • G06T3/40—Scaling the whole image or part thereof

Abstract

本发明公开了一种截图方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据缩放比例在预览区域缩放展示原始图片；根据第二尺寸信息从缩放展示的所述原始图片中截取图片。该实施方式能够在原始图片的尺寸与预览区域不匹配时对原始图片进行缩放展示，以便用户选择所有可截图区域。

Description

一种截图方法和装置
技术领域
本发明涉及计算机技术领域，尤其涉及一种截图方法和装置。
背景技术
前端通过图片预览区域展示图片的原始尺寸，通过截图区域移动来截取图片的原始尺寸。如果图片尺寸很大，预览区域不能展示完整的图片，这样就不能让用户选择所有可截图区域。
发明内容
有鉴于此，本发明实施例提供一种截图方法和装置，能够在原始图片的尺寸与预览区域不匹配时对原始图片进行缩放展示，以便用户选择所有可截图区域。
为实现上述目的，根据本发明实施例的一个方面，提供了一种截图方法，包括：
获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；
根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据所述缩放比例在所述预览区域缩放展示所述原始图片；
根据第二尺寸信息从缩放展示的所述原始图片中截取图片；
其中，第一尺寸信息包括：所述原始图片的宽度和高度；第二尺寸信息包括：所述预览区域的宽度和高度。
可选地，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
以第一比例rateX和第二比例rateY中的较小者作为所述缩放比例。
可选地，根据第二尺寸信息从缩放展示的所述原始图片中截取图片包括：
获取所述预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量，根据第一偏移量以及所述缩放比例，确定所述截图区域的起始位置在所述原始图片上的第二偏移量；所述缩放基准点是指所述原始图片中缩放前后在所述预览区域的展示位置不变的点；
根据所述截图区域的宽度和高度以及所述缩放比例，确定所述截图区域在所述原始图片上的宽度和高度；
根据第二偏移量以及所述截图区域在所述原始图片上的宽度和高度，从所述原始图片中截取图片。
根据本发明实施例的第二方面，提供一种截图装置，包括：
获取模块，获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；
缩放模块，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据所述缩放比例在所述预览区域缩放展示所述原始图片；
截取模块，根据第二尺寸信息从缩放展示的所述原始图片中截取图片；
其中，第一尺寸信息包括：所述原始图片的宽度和高度；第二尺寸信息包括：所述预览区域的宽度和高度。
可选地，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
以第一比例rateX和第二比例rateY中的较小者作为所述缩放比例。
可选地，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
当第一比例rateX和第二比例rateY均大于1时，以第一比例rateX和第二比例rateY中的较大者作为所述缩放比例。
可选地，所述截取模块根据第二尺寸信息从缩放展示的所述原始图片中截取图片包括：
获取所述预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量，根据第一偏移量以及所述缩放比例，确定所述截图区域的起始位置在所述原始图片上的第二偏移量；所述缩放基准点是指所述原始图片中缩放前后在所述预览区域的展示位置不变的点；
根据所述截图区域的宽度和高度以及所述缩放比例，确定所述截图区域在所述原始图片上的宽度和高度；
根据第二偏移量以及所述截图区域在所述原始图片上的宽度和高度，从所述原始图片中截取图片。
根据本发明实施例的第三方面，提供一种截图电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例第一方面提供的截图方法。
根据本发明实施例的第四方面，提供一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明实施例第一方面提供的截图方法。
上述发明中的一个实施例具有如下优点或有益效果：根据原始图片的第一尺寸信息和预览区域的第二尺寸信息确定原始图片的缩放比例，能够在原始图片的尺寸与预览区域不匹配时对原始图片进行压缩展示，以便用户选择所有可截图区域。根据截图区域的起始位置在原始图片尚的第二偏移量以及截图区域在原始图片上的宽度和高度从原始图片中截取图片，能够实现零失真截图，而且不管截图区域怎么移动，都始终保证截图的准确性和图片的高保真。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是本发明实施例的截图方法的主要流程的示意图；
图2是本发明可选实施例的截图方法的主要步骤的示意图；
图3是本发明实施例中预览区域和截图区域的示意图；
图4是根据本发明实施例的截图装置的主要模块的示意图；
图5是本发明实施例可以应用于其中的示例性系统架构图；
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
根据本发明实施例的第一方面，提供一种截图方法。图1是本发明实施例的截图方法的主要流程的示意图，如图1所示，包括步骤S101、步骤S102和步骤S103。
在步骤S101中，获取原始图片的第一尺寸信息和预览区域的第二尺寸信息。本实施例中，第一尺寸信息包括：原始图片的宽度和高度；第二尺寸信息包括：预览区域的宽度和高度。预览区域是指界面中用于展示原始图片的区域。
步骤S102、根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据缩放比例在预览区域缩放展示原始图片。缩放比例是指预览区域的尺寸与原始图片的尺寸的比值。
当缩放比例小于1时，原始图片的尺寸大于预览区域的尺寸，原始图片无法完全显示在预览区域。例如，当预览区域的宽度与原始图片的宽度的比值小于1时，原始图片的宽度大于预览区域的宽度，原始图片的宽度方向上的图片内容无法完全显示在预览区域。
当缩放比例等于1时，表明原始图片的尺寸与预览区域的尺寸相同。例如，当预览区域的宽度与原始图片的宽度的比值等于1时，原始图片的宽度等于预览区域的宽度，原始图片的宽度方向上的图片内容可以完全显示在预览区域。
当缩放比例大于1时，表明原始图片的尺寸小于预览区域的尺寸。例如，当预览区域的高度与原始图片的高度的比值小于1、预览区域的宽度与原始图片的宽度的比值大于1时，虽然原始图片的高度方向上的图片内容无法完全显示在预览区域，但是原始图片的宽度小于预览区域的宽度，原始图片的宽度方向上的图片内容可以完全显示在预览区域。
在一些实施例中，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：确定预览区域的宽度除以原始图片的宽度的第一比例rateX；确定预览区域的高度除以原始图片的高度的第二比例rateY；以第一比例rateX和第二比例rateY中的较小者作为缩放比例。原始图片中的每一个区域都有可能是用户拟截取的区域，本实施例通过以第一比例rateX和第二比例rateY中的较小者作为缩放比例，能够保证原始图片较大无法完全展示在预览区域时，通过压缩将原始图片完全展示在预览区域，以便用户选择所有可截图区域。
在另一些实施例中，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；当第一比例rateX和第二比例rateY均大于1时，以第一比例rateX和第二比例rateY中的较大者作为缩放比例。当第一比例rateX和第二比例rateY均大于1时，表明原始图片的尺寸小于预览区域，此时以第一比例rateX和第二比例rateY中的较大者作为缩放比例，能够将尺寸较小的原始图片放大后完全显示在预览区域，便于用户更清楚看到原始图片的细节之处，从而便于用户选择所有可截图区域。
实际应用过程中，在对原始图片进行缩放时，可以以原始图片中的某一点(例如最左上角的点、中心位置的点等)为缩放基准，保持该点的坐标位置不变，按照缩放比例对原始图片中的余下部分进行缩放；也可以是显示界面(例如手机或电脑屏幕的显示界面)中原始图片所在区域以外的任意一点为缩放基准点，保持该点的坐标位置不变，按照缩放比例对整个原始图片中的所有部分进行缩放。
步骤S103、根据第二尺寸信息从缩放展示的原始图片中截取图片。
图3是本发明实施例中预览区域和截图区域的示意图，图中x方向代表宽度方向，y方向代表高度方向。可选地，根据第二尺寸信息从缩放展示的原始图片中截取图片包括：获取预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量x0和y0，根据第一偏移量x0和y0以及缩放比例(以下记为rate)，确定截图区域的起始位置在原始图片上的第二偏移量x0/rate和y0/rate；根据截图区域的宽度w和高度h以及缩放比例rate，确定截图区域在原始图片上的宽度w/rate和高度h/rate；根据第二偏移量x0/rate和y0/rate以及截图区域在所述原始图片上的宽度w/rate和高度h/rate，从原始图片中截取图片。其中，缩放基准点是指原始图片中缩放前后在预览区域的展示位置不变的点。
根据第二偏移量以及截图区域在原始图片上的宽度和高度从原始图片中截取图片，能够实现零失真(即通过图片压缩或放大后最终截取的图片是原始图片的像素)截图，而且不管截图区域怎么移动，都始终保证截图的准确性和图片的高保真。
图2是本发明可选实施例的截图方法的主要步骤的示意图。下面以图2为例，对本发明的截图方法进行示例性说明。本例中，截图方法包括：
1、用户选择需要被截图的原始图片后通过HTML(Hyper TextMarkup Language，超文本标记语言)的基础文件对象(file)将选择的图片的内容读取到变量imageFullData中。
2、声明一个img对象(前端页面展示的图片对象，可以设置图片的src属性来指定图片的地址或者二进制流，当图片加载完成后可以得到图片的宽地和高度)，将img的资源属性(src)设置为imageFullData的值。imageFullData值是第1步获取到的要截图的原始图片的内容值。此步骤主要是将需要截图的全量数据放到一个图片里面，利用图片加载完成后的属性可以得到需要截图的图片内容的宽高等属性。
3、当img加载完成后计算出原始图片的高度为img的高度imgY，原始图片的宽度为img的宽度imgX。
4、获取图片预览区域的宽度和高度seaW和seaH。
5、判断是否seaH大于imgY、seaW大于imgX，如果seaH大于imgY且seaW大于imgX，分别计算出缩放比：rateY＝seaH/imgY，rateX＝seaW/imgX，最终以小的缩放比为最终的缩放比例rate。如果只是seaH大于imgY，seaW不大于imgX，则缩放比例rate＝rateY；如果只是seaW大于imgX，seaH不大于imgY，则缩放比例rate＝rateX。如果都seaH、seaW分别小于imgY和imgX，则说明无压缩发生，压缩比为1。
6、通过截图区域的top(HTML提供的获取元素位置的方法)和left(HTML提供的获取元素位置的方法)值拿到截图区域相对于左上角顶点的偏移量x和y，通过width和height拿到w和h，即截图区域的宽度和高度。此处的width为document.getElementById(“图片选择区域的ID”).offsetWidth，height为document.getElementById(“图片选择区域的ID”).offsetHeight，这两个方法为HTML提供的获取元素自身宽高的方法。
7、计算出最终在原始图片上面的偏移量x/rate、y/rate，和最终截图图片的大小w/rate、h/rate。
8、通过canvas对象(属于前端页面中的一个编程对象，主要用于绘画操作)的drawImage(画图)方法，传递原始图片img，从左上角的(x/rate，y/rate)坐标开始，截取w/rate宽和h/rate高的图片大小。即得到零失真的原始图片的截图。
本发明能够在原始图片的尺寸与预览区域不匹配时对原始图片进行压缩展示，以便用户选择所有可截图区域。根据截图区域的起始位置在原始图片尚的第二偏移量以及截图区域在原始图片上的宽度和高度从原始图片中截取图片，能够实现零失真截图，而且不管截图区域怎么移动，都始终保证截图的准确性和图片的高保真。
根据本发明实施例的第二方面，提供一种截图装置。图4是根据本发明实施例的截图装置的主要模块的示意图，如图4所示，截图装置400包括：
获取模块401，获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；
缩放模块402，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据所述缩放比例在所述预览区域缩放展示所述原始图片；
截取模块403，根据第二尺寸信息从缩放展示的所述原始图片中截取图片；
其中，第一尺寸信息包括：所述原始图片的宽度和高度；第二尺寸信息包括：所述预览区域的宽度和高度。
可选地，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
以第一比例rateX和第二比例rateY中的较小者作为所述缩放比例。
可选地，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
当第一比例rateX和第二比例rateY均大于1时，以第一比例rateX和第二比例rateY中的较大者作为所述缩放比例。
可选地，所述截取模块根据第二尺寸信息从缩放展示的所述原始图片中截取图片包括：
获取所述预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量，根据第一偏移量以及所述缩放比例，确定所述截图区域的起始位置在所述原始图片上的第二偏移量；所述缩放基准点是指所述原始图片中缩放前后在所述预览区域的展示位置不变的点；
根据所述截图区域的宽度和高度以及所述缩放比例，确定所述截图区域在所述原始图片上的宽度和高度；
根据第二偏移量以及所述截图区域在所述原始图片上的宽度和高度，从所述原始图片中截取图片。
根据本发明实施例的第三方面，提供一种截图电子设备，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例第一方面提供的方法。
根据本发明实施例的第四方面，提供一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现本发明实施例第一方面提供的方法。
本发明实施例所提供的截图方法可以终端设备执行，相应地，截图装置设置于终端设备中。本发明实施例所提供的截图方法也可以由服务器执行，相应地，截图装置设置于服务器中。
图5示出了可以应用本发明实施例的截图方法或截图装置的示例性系统架构500。
如图5所示，系统架构500可以包括终端设备501、502、503，网络504和服务器505。网络504用以在终端设备501、502、503和服务器505之间提供通信链路的介质。网络504可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备501、502、503通过网络504与服务器505交互，以接收或发送消息等。终端设备501、502、503上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备501、502、503可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器505可以是提供各种服务的服务器，例如对用户利用终端设备501、502、503所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是，本发明实施例所提供的截图方法由服务器505执行，相应地，截图装置设置于服务器505中。
应该理解，图5中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图6，其示出了适于用来实现本发明实施例的终端设备的计算机系统600的结构示意图。图6示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图6所示，计算机系统600包括中央处理单元(CPU)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605：包括键盘、鼠标等的输入部分606；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607；包括硬盘等的存储部分608；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器610上，以便于从其上读出的计算机程序根据需要被安装入存储部分608。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分609从网络上被下载和安装，和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括：获取模块，获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；缩放模块，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据缩放比例在预览区域缩放展示原始图片；截取模块，根据第二尺寸信息从缩放展示的原始图片中截取图片。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，缩放模块还可以被描述为“获取原始图片的第一尺寸信息和预览区域的第二尺寸信息的模块”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据缩放比例在预览区域缩放展示原始图片；根据第二尺寸信息从缩放展示的原始图片中截取图片。
根据本发明实施例的技术方案，根据原始图片的第一尺寸信息和预览区域的第二尺寸信息确定原始图片的缩放比例，能够在原始图片的尺寸与预览区域不匹配时对原始图片进行压缩展示，以便用户选择所有可截图区域。根据截图区域的起始位置在原始图片尚的第二偏移量以及截图区域在原始图片上的宽度和高度从原始图片中截取图片，能够实现零失真截图，而且不管截图区域怎么移动，都始终保证截图的准确性和图片的高保真。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种截图方法，其特征在于，包括：
获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；
根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据所述缩放比例在所述预览区域缩放展示所述原始图片；
根据第二尺寸信息从缩放展示的所述原始图片中截取图片；
其中，第一尺寸信息包括：所述原始图片的宽度和高度；第二尺寸信息包括：所述预览区域的宽度和高度。
2.如权利要求1所述的截图方法，其特征在于，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
以第一比例rateX和第二比例rateY中的较小者作为所述缩放比例。
3.如权利要求1所述的截图方法，其特征在于，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
当第一比例rateX和第二比例rateY均大于1时，以第一比例rateX和第二比例rateY中的较大者作为所述缩放比例。
4.如权利要求1所述的截图方法，其特征在于，根据第二尺寸信息从缩放展示的所述原始图片中截取图片包括：
获取所述预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量，根据第一偏移量以及所述缩放比例，确定所述截图区域的起始位置在所述原始图片上的第二偏移量；所述缩放基准点是指所述原始图片中缩放前后在所述预览区域的展示位置不变的点；
根据所述截图区域的宽度和高度以及所述缩放比例，确定所述截图区域在所述原始图片上的宽度和高度；
根据第二偏移量以及所述截图区域在所述原始图片上的宽度和高度，从所述原始图片中截取图片。
5.一种截图装置，其特征在于，包括：
获取模块，获取原始图片的第一尺寸信息和预览区域的第二尺寸信息；
缩放模块，根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例，根据所述缩放比例在所述预览区域缩放展示所述原始图片；
截取模块，根据第二尺寸信息从缩放展示的所述原始图片中截取图片；
其中，第一尺寸信息包括：所述原始图片的宽度和高度；第二尺寸信息包括：所述预览区域的宽度和高度。
6.如权利要求5所述的截图装置，其特征在于，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
以第一比例rateX和第二比例rateY中的较小者作为所述缩放比例。
7.如权利要求6所述的截图装置，其特征在于，所述缩放模块根据第一尺寸信息和第二尺寸信息确定原始图片的缩放比例包括：
确定所述预览区域的宽度除以所述原始图片的宽度的第一比例rateX；
确定所述预览区域的高度除以所述原始图片的高度的第二比例rateY；
当第一比例rateX和第二比例rateY均大于1时，以第一比例rateX和第二比例rateY中的较大者作为所述缩放比例。
8.如权利要求5所述的截图装置，其特征在于，所述截取模块根据第二尺寸信息从缩放展示的所述原始图片中截取图片包括：
获取所述预览区域中截图区域的起始位置相对于缩放基准点的第一偏移量，根据第一偏移量以及所述缩放比例，确定所述截图区域的起始位置在所述原始图片上的第二偏移量；所述缩放基准点是指所述原始图片中缩放前后在所述预览区域的展示位置不变的点；
根据所述截图区域的宽度和高度以及所述缩放比例，确定所述截图区域在所述原始图片上的宽度和高度；
根据第二偏移量以及所述截图区域在所述原始图片上的宽度和高度，从所述原始图片中截取图片。
9.一种截图电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-4中任一所述的方法。
CN201910816041.0A 2019-08-30 2019-08-30 一种截图方法和装置 Pending CN112445394A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910816041.0A CN112445394A (zh) 2019-08-30 2019-08-30 一种截图方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910816041.0A CN112445394A (zh) 2019-08-30 2019-08-30 一种截图方法和装置

Publications (1)

Publication Number Publication Date
CN112445394A true CN112445394A (zh) 2021-03-05

Family

ID=74735064

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910816041.0A Pending CN112445394A (zh) 2019-08-30 2019-08-30 一种截图方法和装置

Country Status (1)

Country Link
CN (1) CN112445394A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113035335A (zh) * 2021-04-09 2021-06-25 青岛商汤科技有限公司 截图方法及装置、电子设备和存储介质
CN114647360A (zh) * 2022-03-11 2022-06-21 支付宝(杭州)信息技术有限公司 一种页面设置方法、装置及设备

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120301113A1 (en) * 2011-05-25 2012-11-29 Yukiko Yamamoto Picture editing apparatus and picture editing method
CN104952027A (zh) * 2014-10-11 2015-09-30 腾讯科技（北京）有限公司 一种包含人脸信息的图片剪裁方法及装置
CN105335925A (zh) * 2014-07-30 2016-02-17 北京畅游天下网络技术有限公司 一种图片的裁剪方法和浏览器装置
CN105930052A (zh) * 2016-04-14 2016-09-07 北京搜狐新媒体信息技术有限公司 一种截图方法及装置
CN106296760A (zh) * 2015-05-21 2017-01-04 腾讯科技（深圳）有限公司 图片的裁剪方法及装置
US20170116706A1 (en) * 2015-10-22 2017-04-27 Hisense Electric Co., Ltd. Method for displaying a picture on a terminal, and the terminal
CN108900893A (zh) * 2018-08-16 2018-11-27 科大讯飞股份有限公司 一种图片处理方法及装置
CN109117058A (zh) * 2018-08-30 2019-01-01 上海与德科技有限公司 一种截图处理方法、装置、终端及存储介质
CN109947972A (zh) * 2017-10-11 2019-06-28 腾讯科技（深圳）有限公司 缩略图生成方法及装置、电子设备、存储介质

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120301113A1 (en) * 2011-05-25 2012-11-29 Yukiko Yamamoto Picture editing apparatus and picture editing method
CN105335925A (zh) * 2014-07-30 2016-02-17 北京畅游天下网络技术有限公司 一种图片的裁剪方法和浏览器装置
CN104952027A (zh) * 2014-10-11 2015-09-30 腾讯科技（北京）有限公司 一种包含人脸信息的图片剪裁方法及装置
CN106296760A (zh) * 2015-05-21 2017-01-04 腾讯科技（深圳）有限公司 图片的裁剪方法及装置
US20170116706A1 (en) * 2015-10-22 2017-04-27 Hisense Electric Co., Ltd. Method for displaying a picture on a terminal, and the terminal
CN105930052A (zh) * 2016-04-14 2016-09-07 北京搜狐新媒体信息技术有限公司 一种截图方法及装置
CN109947972A (zh) * 2017-10-11 2019-06-28 腾讯科技（深圳）有限公司 缩略图生成方法及装置、电子设备、存储介质
CN108900893A (zh) * 2018-08-16 2018-11-27 科大讯飞股份有限公司 一种图片处理方法及装置
CN109117058A (zh) * 2018-08-30 2019-01-01 上海与德科技有限公司 一种截图处理方法、装置、终端及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
魏慕伦;: "Seam Carving图像缩放技术的研究与应用", 通讯世界, no. 21, 12 November 2017 (2017-11-12) *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113035335A (zh) * 2021-04-09 2021-06-25 青岛商汤科技有限公司 截图方法及装置、电子设备和存储介质
CN114647360A (zh) * 2022-03-11 2022-06-21 支付宝(杭州)信息技术有限公司 一种页面设置方法、装置及设备

Similar Documents

Publication Publication Date Title
CN110046021B (zh) 一种页面显示方法、装置、系统、设备和存储介质
CN109669617B (zh) 用于切换页面的方法和装置
CN108920048B (zh) 大型图纸浏览方法、系统、服务器及计算机可读存储介质
CN107656911B (zh) 表格处理方法及其系统
CN111459364B (zh) 图标更新方法、装置和电子设备
US20140375648A1 (en) Image display system, image display method, image display program, and computer-readable recording medium storing said program
CN111310482A (zh) 实时翻译方法、装置、终端及存储介质
CN115600629B (zh) 车辆信息二维码生成方法、电子设备和计算机可读介质
CN113505302A (zh) 支持动态获取埋点数据的方法、装置、系统及电子设备
CN110647369B (zh) 页面动态显示的方法、装置、移动终端及存储介质
CN112445394A (zh) 一种截图方法和装置
CN111461965B (zh) 图片处理方法、装置、电子设备和计算机可读介质
CN107330087B (zh) 页面文件生成方法和装置
CN111754600A (zh) 海报图像生成方法、装置和电子设备
CN113282852A (zh) 编辑网页的方法和装置
CN113220381A (zh) 一种点击数据展示方法和装置
CN115756461A (zh) 标注模板生成方法、图像识别方法、装置和电子设备
CN115470432A (zh) 一种页面渲染方法、装置、电子设备及计算机可读介质
CN111461969B (zh) 用于处理图片的方法、装置、电子设备和计算机可读介质
CN113888673A (zh) 地图编辑方法、系统、装置、计算设备和存储介质
CN113760205A (zh) 一种图片的显示方法和装置
CN113032696A (zh) 一种页面图片的显示方法和显示装置
CN113284174A (zh) 处理图片的方法和装置
CN110807164A (zh) 图像区域的自动调节方法、装置、电子设备及计算机可读存储介质
CN111179164A (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