图片获取方法及装置制造方法及图纸

本发明专利技术公开了一种图片获取方法及装置，该方法包括：获取待保存页面内容，生成待保存页面图片数据；获取待展示页面内容，生成待展示页面图片数据；配置待保存页面图片数据和待展示页面图片数据的展示属性，包括：将待保存页面图片配置在待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度；将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端。本发明专利技术可以完整的获取页面图片对应的页面内容，便于后续随时对该页面内容进行查看、调用，即使待保存页面图片数据与待展示页面图片数据不一致，也能够在不影响页面展示的情况下获取待保存页面图片数据对应的页面内容。

【技术实现步骤摘要】
图片获取方法及装置
本专利技术涉及计算机
，尤其涉及一种图片获取方法及装置。
技术介绍
随着微信端精准营销极速推广，H5页面被广泛运用到推广当中，大量推广页面为信息收集分析类型，分析生成结果后需给用户保存到本地。在现有技术中，微信端H5页面只能依托微信的长按图片保存功能，实现长按图片将图片保存到本地功能，但类似分析生成结果后保存结果页面的功能因每次分析生成的结果不同所以无法实现长按页面保存，只能用户自主截屏保存至本地。但是，如果页面内容超出客户端屏幕，截屏则无法体现需要保存页面的全部内容。因此，现有技术不能保证保存的页面内容的完整性。
技术实现思路
本专利技术的目的在于提供一种图片获取方法，能够解决上述提到的至少一个技术问题。具体方案如下：根据本公开的具体实施方式，第一方面，本专利技术提供一种图片获取方法，该方法包括：获取待保存页面内容，生成待保存页面图片数据；获取待展示页面内容，生成待展示页面图片数据；配置待保存页面图片数据和待展示页面图片数据的展示属性，包括：将待保存页面图片配置在待展示页面图片待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度；将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端。可选的，获取待保存页面内容，生成待保存页面图片数据，包括：提取待保存页面内容，获取待处理的文档对象模型DOM元素；根据DOM元素，创建预设宽、高值的canvans元素；利用html2canvas将页面的待保存内容中需要保存的页面节点转化为canvans元素；调用Canvas2Image，根据转化完成的canvas元素生成待保存页面图片。可选的，获取待保存页面内容，生成待保存页面图片数据，还包括：将生成后的待保存页面图片的宽、高值调整为待处理的DOM元素的宽、高值。可选的，配置待保存页面图片数据和待展示页面图片数据的展示属性之前，所述方法还包括：对待保存页面图片数据和待展示页面图片数据进行预处理操作，所述预处理操作包括：滤波、去噪、二值化操作。根据本专利技术的具体实施方式，第二方面，本专利技术提供一种图片获取方法，应用于客户端，所述方法包括：接收服务端发送的待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性，并根据待保存页面图片数据和待展示页面图片数据的展示属性，将预设透明度的待保存页面图片展示在待展示页面图片的上方；接收用户的长按保存指令，保存所述待保存页面图片数据对应的图片。可选的，所述页面为目标应用程序中的页面；接收用户的长按保存指令，保存所述待保存页面图片数据对应的图片，包括：接收用户的长按保存指令，将所述待保存页面图片数据对应的图片保存到安装所述目标应用程序的客户端本地。根据本专利技术的具体实施方式，第三方面，本专利技术提供一种图片获取装置，应用于服务端，所述装置包括：第一图片生成模块，用于获取待保存页面内容，生成待保存页面图片数据；第二图片生成模块，用于获取待展示页面内容，生成待展示页面图片数据；关系配置模块，用于配置待保存页面图片数据和待展示页面图片数据的展示属性，包括：将待保存页面图片配置在待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度；发送模块，用于将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端。根据本专利技术的具体实施方式，第四方面，本专利技术提供一种图片获取装置，应用于客户端，所述装置包括：展示模块，用于接收服务端发送的待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性，并根据待保存页面图片数据和待展示页面图片数据的展示属性，将预设透明度的待保存页面图片展示在待展示页面图片的上方；保存模块，用于保存接收用户的长按保存指令，保存所述待保存页面图片数据对应的图片。本专利技术实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述方法。本专利技术实施例还提供一种计算机可读存储介质，所述计算机可读存储介质存储有执行上述方法的计算机程序。本专利技术实施例中，通过获取待保存页面内容，生成待保存页面图片数据，获取待展示页面内容，生成待展示页面图片数据，配置待保存页面图片数据和待展示页面图片数据的展示属性，将待保存页面图片配置在待展示页面图片的上方，将所述待保存页面图片的透明度设置为预设透明度，并将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端，可以完整的获取待保存页面图片数据对应的页面内容，便于后续随时对该页面内容进行查看、调用。并且，通过将待保存页面图片配置在待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度，即使待保存页面图片数据与待展示页面图片数据不一致，也能够在不影响页面展示的情况下获取待保存页面图片数据对应的页面内容。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：图1为本专利技术实施例中图片获取方法的服务端流程图；图2为本专利技术实施例中图片获取方法的客户端流程图；图3为本专利技术实施例中图片获取装置的服务端结构示意图；图4为本专利技术实施例中图片获取装置的客户端结构示意图；图5是本专利技术实施例计算机设备示意图。具体实施方式为使本专利技术实施例的目的、技术方案和优点更加清楚明白，下面结合附图对本专利技术实施例做进一步详细说明。在此，本专利技术的示意性实施例及其说明用于解释本专利技术，但并不作为对本专利技术的限定。随着微信端精准营销极速推广，H5页面被广泛运用到推广当中，大量推广页面为信息收集分析类型，分析生成结果后需给用户保存到本地。在现有技术中，微信端H5页面只能依托微信的长按图片保存功能，实现长按图片将图片保存到本地功能，但类似分析生成结果后保存结果页面的功能因每次分析生成的结果不同所以无法实现长按页面保存，只能用户自主截屏保存至本地。但是，如果页面内容超出客户端屏幕，截屏则无法体现需要保存页面的全部内容。因此，现有技术不能保证保存的页面内容的完整性。为了解决上述问题，本专利技术实施例提供了一种图片获取方法。图1为本专利技术实施例提供的一种图片获取方法的服务端流程图，如图1所示，该方法应用于服务端，包括：步骤101、获取待保存页面内容，生成待保存页面图片数据。在本实施例中，待保存页面图片数据中包含待保存页面内容。具体实施时，举例来说，本文档来自技高网...

【技术保护点】
1.一种图片获取方法，应用于服务端，其特征在于，包括：/n获取待保存页面内容，生成待保存页面图片数据；/n获取待展示页面内容，生成待展示页面图片数据；/n配置待保存页面图片数据和待展示页面图片数据的展示属性，包括：将待保存页面图片配置在待展示页面图片待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度；/n将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端。/n

【技术特征摘要】
1.一种图片获取方法，应用于服务端，其特征在于，包括：
获取待保存页面内容，生成待保存页面图片数据；
获取待展示页面内容，生成待展示页面图片数据；
配置待保存页面图片数据和待展示页面图片数据的展示属性，包括：将待保存页面图片配置在待展示页面图片待展示页面图片的上方，并将所述待保存页面图片的透明度设置为预设透明度；
将待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性发送至客户端。


2.如权利要求1所述的方法，其特征在于，获取待保存页面内容，生成待保存页面图片数据，包括：
提取待保存页面内容，获取待处理的文档对象模型DOM元素；
根据DOM元素，创建预设宽、高值的canvans元素；
利用html2canvas将页面的待保存内容中需要保存的页面节点转化为canvans元素；
调用Canvas2Image，根据转化完成的canvas元素生成待保存页面图片。


3.如权利要求2所述的方法，其特征在于，获取待保存页面内容，生成待保存页面图片数据，还包括：
将生成后的待保存页面图片的宽、高值调整为待处理的DOM元素的宽、高值。


4.如权利要求1所述的方法，其特征在于，配置待保存页面图片数据和待展示页面图片数据的展示属性之前，所述方法还包括：
对待保存页面图片数据和待展示页面图片数据进行预处理操作，所述预处理操作包括：滤波、去噪、二值化操作。


5.一种图片获取方法，应用于客户端，其特征在于，包括：
接收服务端发送的待保存页面图片数据、待展示页面图片数据、待保存页面图片数据和待展示页面图片数据的展示属性，并根据待保存页面图片数据和待展示页面图片数据的展示属性，将预设透明度的待保存页面图片展示在待展示页面图片的上...

【专利技术属性】
技术研发人员：隋洋，
申请(专利权)人：泰康保险集团股份有限公司，
类型：发明
国别省市：北京;11