CN104461283A - 网络视图的截图方法及装置、电子设备 - Google Patents

Abstract

本公开是关于网络视图的截图方法及装置、电子设备，包括：当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；将所述内存空间中的所述图像数据渲染为截图图片。通过本公开的技术方案，可以简化截图操作的调用流程，节省不必要的内存开销。

Description

网络视图的截图方法及装置、电子设备

技术领域

本公开涉及截图技术领域，尤其涉及网络视图的截图方法及装置、电子设备。

背景技术

在网络视图的查看过程中，用户有时希望对网络视图进行截图，以便于事后重新查看，或者发送给其他用户。在相关技术中，Android系统在执行网络视图的截图时，是通过“android_webview”绘图流程对“onDraw()”的调用来实现的。

然而，“onDraw()”除了渲染截图所需的内存空间之外，还会创建sBitmapCache缓存，而且sBitmapCache为static LruCache<Long,Bitmap>类型，会额外占用约16M的内存开销，且这部分内存开销会一直存在，从而影响系统的运行流畅度。

发明内容

本公开提供网络视图的截图方法及装置、电子设备，以解决相关技术中的对网络视图进行截图时会导致内存长期占用的技术问题。

根据本公开实施例的第一方面，提供一种网络视图的截图方法，包括：

当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

将所述内存空间中的所述图像数据渲染为截图图片。

可选的，所述截图参数包括：截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。

可选的，当所述截图区域为矩形区域时，所述规格参数为所述矩形区域的边长，所述位置参数为所述矩形区域的任一端点在所述网络视图中的坐标信息。

可选的，所述从所述网络视图中获取对应于所述截图参数的图像数据，包括：

根据所述截图参数中包含的图像清晰度、所述网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对所述网络视图执行缩放操作；

在缩放后的网络视图中，获取所述图像数据。

根据本公开实施例的第二方面，提供一种网络视图的截图装置，包括：

确定单元，用于当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

获取单元，用于从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

渲染单元，用于将所述内存空间中的所述图像数据渲染为截图图片。

可选的，所述截图参数包括：截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。

可选的，当所述截图区域为矩形区域时，所述规格参数为所述矩形区域的边长，所述位置参数为所述矩形区域的任一端点在所述网络视图中的坐标信息。

可选的，所述获取单元包括：

缩放子单元，用于根据所述截图参数中包含的图像清晰度、所述网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对所述网络视图执行缩放操作；

获取子单元，用于在缩放后的网络视图中，获取所述图像数据。

根据本公开实施例的第三方面，提供一种电子设备，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

将所述内存空间中的所述图像数据渲染为截图图片。

本公开的实施例提供的技术方案可以包括以下有益效果：

本公开通过直接按照截图参数将对应的图像数据调取至内存空间中，使得除了渲染截图所需的内存空间之外，不会造成由“onDraw()”导致的额外的内存空间的建立和占用，避免了对系统运行流畅度的影响。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。

图1是相关技术中对网络视图进行截图的示意图。

图2是相关技术中对网络视图进行截图的示意流程图。

图3是根据一示例性实施例示出的一种网络视图的截图方法的流程图。

图4是根据一示例性实施例示出的对网络视图进行截图的示意流程图。

图5是根据一示例性实施例示出的另一种网络视图的截图方法的流程图。

图6是根据一示例性实施例示出的一种网络视图的截图装置的框图。

图7是根据一示例性实施例示出的另一种网络视图的截图装置的框图。

图8是根据一示例性实施例示出的一种用于网络视图的截图装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

在安卓(Android)操作系统中，提供了对网络视图(webview)的浏览功能，该网络视图可以为某个网页的显示内容。比如图1所示，网页102可以为图1(a)中示出的“长条形”页面，而由于如图1(b)所示的终端屏幕104的显示面积有限，因而在正常浏览时仅能够显示出网页102中的部分页面(比如图1(a)示出的黑色框内的网页内容)，用户可以通过在屏幕上的上下滑动手势，实现对网页102的翻动和查看；或者，网页102也可以采用其他显示方式，本公开并不对此进行限制。

当用户对网页102上的显示内容感兴趣时，可以通过“截图”功能来记录该部分的显示内容。比如用户通过调用安卓系统提供的截图功能，可以在终端屏幕104上截取区域106，并生成图1(c)所示的截图图片。

在相关技术中，网络视图的截图功能是通过“android_webview”绘图流程对“onDraw()”的调用来实现的。比如图2所示，当用户需要从网页102中截取区域106时，“onDraw()”被调用后会启用软件渲染，在内部调用JavaBrowserViewRendererHelper.createBitmap()方法，同时还会创建sBitmapCache缓存108，将区域106对应的图像数据调入该sBitmapCache缓存108，再从该sBitmapCache缓存108中将区域106对应的图像数据调入内存110，然后从内存110中渲染最终的截图图片。基于上述方式的截图操作流程如下：

webview.onDraw(Canvas c)

-->WebViewChromium.onDraw(final Canvas c)

-->AwContents.onDraw(Cnavas c)

-->通过JNI:nativeOnDraw()从Java层调用C++层

-->AwContents::OnDraw()

-->BrowserViewRenderer::OnDraw()

-->InProcessViewRenderer::DrawSWInternal()

-->InProcessViewRenderer::RenderViaAuxilaryBitmapIfNeeded()

-->JavaBrowserViewRendererHelper.CreateBitmap()

-->InProcessViewRenderer::RasterizeIntoBitmap()

然而，sBitmapCache缓存108会导致约16M的内存开销，且由于该sBitmapCache缓存108为static LruCache<Long,Bitmap>类型，使得这部分内存开销会一直存在，造成终端运行卡顿，影响用户的正常使用。

因此，本公开提供了相应的技术方案，以解决相关技术中存在的内存开销问题，并结合附图提供了下述实施例，以便于理解本公开的技术方案。

图3是根据一示例性实施例示出的一种网络视图的截图方法的流程图，如图4所示，该方法用于终端中，包括以下步骤。

在步骤302中，当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间。

在本实施例中，截图参数是基于用户对截图区域的选择来确定的，而“选择截图区域”与“触发截图功能”可以同时或独立执行。作为一示例性实施方式，用户可以选择系统或当前应用功能提供的已有功能按键，比如“截取当前网页”，则同时触发了截图功能，且确定了截图参数为对应于整个网页。作为另一示例性实施方式，用户可以单独触发截图功能(比如按下预设虚拟按键、按下终端上的预设物理按键、晃动终端等)，然后通过手指在终端屏幕上划出封闭图形并作为截图区域，或者将系统或当前应用功能提供的预设规格(预设形状和大小等)选择框拖动至目标位置等方式，选定了截图区域，并且能够确定对应的截图参数。

在本实施例中，截图参数可以包括截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。其中，规格参数即截图区域的形状、大小等，比如当截图区域为矩形时，规格参数可以为该矩形截图区域的长度和宽度，当截图区域为圆形时，规格参数可以为该圆形截图区域的半径，当截图区域为用户的手指滑动选择的不规则图形时，可以通过选取更多的规格参数，以描述对应的截图区域；截图区域的位置参数，可以为该截图区域在网络视图中的位置信息，比如矩形截图区域的任意端点在网络视图中的坐标信息，或者圆形截图区域的圆心在网络视图中的坐标信息。通过确定截图参数，可以在网络视图上唯一确定出用户当前感兴趣的截图区域，以顺利实现截图操作。

在本实施例中，“确定用于图片渲染的内存空间”应该理解为：由系统接收请求并指定了该内存空间的位置，比如该内存空间的起始点，但并未指定或限制该内存空间的大小。

在步骤304中，从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中。

在本实施例中，在截图图像数据时，还可以考虑用户对截图清晰度的需求，比如用户可以自行设定截图图片的图像清晰度，从而根据当前网络视图的分辨率，执行对图像数据的获取操作。

在步骤306中，将所述内存空间中的所述图像数据渲染为截图图片。

在本实施例中，如图4所示，针对确定的截图参数，直接从网页102中获取截图区域106对应的图像数据，调取至内存110并渲染为对应的截图图片，无需创建sBitmapCache缓存108。

由上述实施例可知，本公开直接将网络视图中获取图像数据调取至内存空间，并渲染为相应的截图图片，与相关技术中对onDraw()方法的调用，本公开无需创建sBitmapCache缓存，有助于简化截图功能的操作流程，也不会由于sBitmapCache缓存而占用相应的内存空间，从而有利于系统的流畅运行，避免影响用户的使用体验。

请参考图5，图5是根据一示例性实施例示出的一种网络视图的截图方法的流程图，可以包括以下步骤。

在步骤502中，终端屏幕上显示出网络视图时，截图功能被触发。

在步骤504中，确定截图区域的规格参数及其在网络视图上的位置参数。

在本实施例中，网络视图可以为网页等形式。

作为一示例性实施方式，终端可以提供预设的“截取整个网页”或“截取网页的当前显示部分”等选项，则当用户触发某个选项时，即可触发终端的截图功能，并且终端能够确定用户所需的截图图片的规格参数和位置参数。比如当“截取整个网页”被触发时，截图图片的规格参数即当前网页的规格参数，而“位置参数”则与整个网页重合；当“截取网页的当前显示部分”被触发时，截图图片的规格参数即终端屏幕的规格参数，而“位置参数”为终端屏幕的当前显示画面在整个网页中的位置信息，可以由当前显示画面的左上端点(或其他点)在整个网页中的位置坐标来表示。

作为另一示例性实施方式，终端可以提供单独的“截图”功能，则用户通过点击终端屏幕上显示的功能按键、终端上的物理按键等触发该截图功能，然而通过单独的操作来确定截图区域。比如在截图功能被触发后，终端可以在屏幕上显示一可调节的矩形框，则用户可以通过调节该矩形框的位置和大小(比如边长长度)，确定其所需的截图区域。

在步骤506中，若用户选择了清晰度，则转入步骤508，否则转入步骤510。

在步骤508中，根据用户选择的图像清晰度(可以包含于截图参数中)、当前网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对网络视图执行缩放操作。

在本实施例中，由于网络视图的分辨率本身较大，则直接从原始网络视图上获取截图时，生成的截图图像的数据量可能较大，不适合于移动终端；因此，根据用户所需要的图像清晰度，可以对当前网络视图进行适当缩放操作，从而获得最为合适的截图图片。

在步骤510中，直接从网络视图(原始网络视图或缩放后的网络视图)中获取对应于截图区域的图像数据。

在步骤512中，将图像数据调取至预先确定的内存空间中。

在步骤514中，在内存空间中，直接将图像数据渲染为截图图片。

在本实施例中，在由图像数据渲染为截图图片的过程中，图像数据直接从网络视图中获取，无需建立sBitmapCache缓存，使得简化了操作过程，且避免了sBitmapCache缓存的内存占用，有助于提升系统运行的流畅度，避免影响用户对终端的正常使用。

与前述的网络视图的截图方法的实施例相对应，本公开还提供了网络视图的截图装置的实施例。

图6是根据一示例性实施例示出的一种网络视图的截图装置框图。参照图6，该装置包括确定单元61、获取单元62和渲染单元63。

其中，确定单元61，被配置为当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

获取单元62，被配置为从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

渲染单元63，被配置为将所述内存空间中的所述图像数据渲染为截图图片。

在上述实施例中，通过直接将网络视图中获取图像数据调取至内存空间，并渲染为相应的截图图片，与相关技术中对onDraw()方法的调用，本公开无需创建sBitmapCache缓存，有助于简化截图功能的操作流程，也不会由于sBitmapCache缓存而占用相应的内存空间，从而有利于系统的流畅运行，避免影响用户的使用体验。

可选的，所述截图参数包括：截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。

可选的，当所述截图区域为矩形区域时，所述规格参数为所述矩形区域的边长，所述位置参数为所述矩形区域的任一端点在所述网络视图中的坐标信息。

如图7所示，图7是根据一示例性实施例示出的另一种网络视图的截图装置的框图，该实施例在前述图6所示实施例的基础上，获取单元62可以包括：缩放子单元621和获取子单元622。

其中，缩放子单元621，被配置为根据所述截图参数中包含的图像清晰度、所述网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对所述网络视图执行缩放操作；

获取子单元622，被配置为在缩放后的网络视图中，获取所述图像数据。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

对于装置实施例而言，由于其基本对应于方法实施例，所以相关之处参见方法实施例的部分说明即可。以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本公开方案的目的。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

相应的，本公开还提供一种信息显示装置，包括：处理器；用于存储处理器可执行指令的存储器；其中，所述处理器被配置为：当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；将所述内存空间中的所述图像数据渲染为截图图片。

相应的，本公开还提供一种终端，所述终端包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行所述一个或者一个以上程序包含用于进行以下操作的指令：当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；将所述内存空间中的所述图像数据渲染为截图图片。

图8是根据一示例性实施例示出的一种用于网络视图的截图的装置800的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图8，装置800可以包括以下一个或多个组件：处理组件802，存储器804，电源组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理元件802可以包括一个或多个处理器820来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在装置800的操作。这些数据的示例包括用于在装置800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图片，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为装置800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为装置800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述装置800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当装置800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当装置800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、启动按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为装置800提供各个方面的状态评估。例如，传感器组件814可以检测到装置800的打开/关闭状态，组件的相对定位，例如所述组件为装置800的显示器和小键盘，传感器组件814还可以检测装置800或装置800一个组件的位置改变，用户与装置800接触的存在或不存在，装置800方位或加速/减速和装置800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于装置800和其他设备之间有线或无线方式的通信。装置800可以接入基于通信标准的无线网络，如WiFi，2G或3G，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，装置800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由装置800的处理器820执行以完成上述网络视图的截图方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

本领域技术人员在考虑说明书及实践这里公开的公开后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (9)

1.一种网络视图的截图方法，其特征在于，包括：

当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

将所述内存空间中的所述图像数据渲染为截图图片。

2.根据权利要求1所述的方法，其特征在于，所述截图参数包括：截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。

3.根据权利要求2所述的方法，其特征在于，当所述截图区域为矩形区域时，所述规格参数为所述矩形区域的边长，所述位置参数为所述矩形区域的任一端点在所述网络视图中的坐标信息。

4.根据权利要求1所述的方法，其特征在于，所述从所述网络视图中获取对应于所述截图参数的图像数据，包括：

根据所述截图参数中包含的图像清晰度、所述网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对所述网络视图执行缩放操作；

在缩放后的网络视图中，获取所述图像数据。

5.一种网络视图的截图装置，其特征在于，包括：

确定单元，用于当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

获取单元，用于从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

渲染单元，用于将所述内存空间中的所述图像数据渲染为截图图片。

6.根据权利要求5所述的装置，其特征在于，所述截图参数包括：截图区域的规格参数和所述截图区域在所述网络视图上的位置参数。

7.根据权利要求6所述的装置，其特征在于，当所述截图区域为矩形区域时，所述规格参数为所述矩形区域的边长，所述位置参数为所述矩形区域的任一端点在所述网络视图中的坐标信息。

8.根据权利要求5所述的装置，其特征在于，所述获取单元包括：

缩放子单元，用于根据所述截图参数中包含的图像清晰度、所述网络视图的分辨率以及预定义的图像清晰度与分辨率之间的对应关系，对所述网络视图执行缩放操作；

获取子单元，用于在缩放后的网络视图中，获取所述图像数据。

9.一种电子设备，其特征在于，包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为：

当网络视图的截图功能被触发时，确定截图参数和用于图片渲染的内存空间；

从所述网络视图中获取对应于所述截图参数的图像数据，并调取至所述内存空间中；

将所述内存空间中的所述图像数据渲染为截图图片。