CN110147511A - 一种页面处理方法、装置、电子设备及介质 - Google Patents
一种页面处理方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN110147511A CN110147511A CN201910381543.5A CN201910381543A CN110147511A CN 110147511 A CN110147511 A CN 110147511A CN 201910381543 A CN201910381543 A CN 201910381543A CN 110147511 A CN110147511 A CN 110147511A
- Authority
- CN
- China
- Prior art keywords
- target
- image
- area
- view
- target area
- 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
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 26
- 238000000034 method Methods 0.000 claims abstract description 31
- 239000000284 extract Substances 0.000 claims abstract description 7
- 239000000463 material Substances 0.000 claims description 91
- 238000010422 painting Methods 0.000 claims description 15
- 230000004048 modification Effects 0.000 claims description 13
- 238000012986 modification Methods 0.000 claims description 13
- 239000000203 mixture Substances 0.000 claims description 5
- 238000000605 extraction Methods 0.000 claims description 4
- 238000001914 filtration Methods 0.000 claims description 4
- 230000004044 response Effects 0.000 claims description 4
- 230000009467 reduction Effects 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 20
- 238000009877 rendering Methods 0.000 description 11
- 210000003128 head Anatomy 0.000 description 10
- 238000012545 processing Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 210000004209 hair Anatomy 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 230000008901 benefit Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 2
- 238000012512 characterization method Methods 0.000 description 2
- 238000013481 data capture Methods 0.000 description 2
- 238000011017 operating method Methods 0.000 description 2
- 241000209140 Triticum Species 0.000 description 1
- 235000021307 Triticum Nutrition 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000006185 dispersion Substances 0.000 description 1
- 210000004709 eyebrow Anatomy 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 210000000088 lip Anatomy 0.000 description 1
- 230000002085 persistent effect Effects 0.000 description 1
- 238000002360 preparation method Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000000717 retained effect Effects 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 238000012876 topography Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种页面处理方法、装置、电子设备及介质。所述方法包括:接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;提取所述目标区域对应的定位信息;根据所述定位信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;获取所述目标区域图像对应的目标数据源;根据所述目标数据源生成目标视图。目标视图基于目标数据源生成,保证了目标视图具有较高的显示精度。生成的目标视图能够以较高的还原度展示目标区域对应的图像,通过目标视图能够突出目标页面中需要展示的关键内容。
Description
技术领域
本发明涉及互联网通信技术领域,尤其涉及一种页面处理方法、装置、电子设备及介质。
背景技术
随着计算机和互联网技术的快速发展,显示终端大量普及,用户浏览页面也越来越便捷。为了带给用户更好的获取信息、进行交互等的体验,页面可以以更高的精度向用户展示显示内容。在基于页面的显示内容获取信息、进行交互等时,用户往往有就所述页面获取图像用于保存、分享等的需求。
目前,一些页面可以通过截图功能来获取图像,然而截图保留了大量无用元素(比如页面的导航栏、应用程序的悬浮窗),若需要突出页面的当前显示画面中的某些内容(比如游戏排名、感兴趣的商品),还需要对截图进行后续编辑处理;同时,以截图功能获取的图像相较于页面中对应的显示图像存在明显的精度损失。
发明内容
为了解决现有技术应用在对页面编辑时,基于页面获取的图像显示精度低等问题,本发明提供了一种页面处理方法、装置、电子设备及介质:
一方面,本发明提供了一种页面处理方法,所述方法包括:
接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
提取所述目标区域对应的位置信息;
根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;
获取所述目标区域图像对应的目标数据源;
根据所述目标数据源生成目标视图。
另一方面提供了一种页面处理装置,所述装置包括:
编辑指令接收模块:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
位置信息提取模块:用于提取所述目标区域对应的位置信息;
目标区域图像取得模块:用于根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;
目标数据源获取模块:用于获取所述目标区域图像对应的目标数据源;
目标视图生成模块:用于根据所述目标数据源生成目标视图。
另一方面提供了一种页面处理方法,所述方法包括:
接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;
获取拼合素材,所述拼合素材指向所述目标视图;
拼合所述目标视图与所述拼合素材,生成目标图像。
另一方面提供了一种页面处理装置,所述装置包括:
编辑指令接收模块:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
目标视图获取模块:用于获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;
拼合素材获取模块:用于获取拼合素材,所述拼合素材指向所述目标视图;
拼合模块:用于拼合所述目标视图与所述拼合素材,生成目标图像。
另一方面提供了一种电子设备,所述电子设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如上述的页面处理方法。
另一方面提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如上述的页面处理方法。
本发明提供的一种页面处理方法、装置、电子设备及介质,具有如下技术效果:
本发明中目标视图基于目标数据源生成,保证了目标视图具有较高的显示精度。生成的目标视图能够以较高的还原度展示目标区域对应的图像,通过目标视图能够突出目标页面中需要展示的关键内容。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案和优点,下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。
图1是本发明实施例提供的一种应用环境的示意图;
图2也是本发明实施例提供的一种应用环境的示意图;
图3是本发明实施例提供的一种页面处理方法的流程示意图;
图4是本发明实施例提供的根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像的一种流程示意图;
图5是本发明实施例提供的根据所述目标数据源生成目标视图的一种流程示意图;
图6也是本发明实施例提供的一种页面处理方法的流程示意图;
图7是本发明实施例提供的一种页面处理装置的组成框图;
图8也是本发明实施例提供的一种页面处理装置的组成框图;
图9也是本发明实施例提供的一种页面处理方法的流程示意图;
图10是本发明实施例提供的根据目标区域对应的位置信息,过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像的示意图;
图11是本发明实施例提供的目标视图与第一拼合素材拼合生成的目标图像的示意图;
图12是本发明实施例提供的目标视图与第二拼合素材拼合生成的目标图像的示意图;
图13是本发明实施例提供的目标视图、第一拼合素材与第二拼合素材拼合生成的目标图像的示意图;
图14是本发明实施例提供的待编辑的目标页面的UI界面示意图;
图15是应用本发明实施例得到的响应修改指令对应的UI界面示意图;
图16是应用本发明实施例得到的用作背景的拼合素材的UI界面示意图;
图17是应用本发明实施例得到的目标图像的UI界面示意图;
图18是本发明实施例提供的一种服务器的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
请参阅图1,图1是本发明实施例提供的一种应用环境的示意图,如图1所示,该应用环境中,目标页面中的显示图像通过对对应的数据源的渲染实现,显示页面对应的显示内容以较高的精度呈现给用户。当需要从页面获取图像用于保存、分享等时,可以对目标页面进行编辑,保留目标页面的当前显示画面中的关键内容,通过对应的数据源生成目标视图。需要说明的是,图1仅仅是一种示例。
在本发明实施例中,用户可以通过显示终端获取目标页面的显示内容,显示终端包括但不限于移动智能电话、平板电子设备、便携式计算机(例如笔记本电脑等)、个人数字助理(PDA)、桌面型计算机、智能可穿戴设备。
具体的,显示终端中可以运行应用程序客户端,目标页面可以是基于内部链接(应用程序的后台服务器提供的页面链接,内部链接对应的页面资源由后台服务器提供)打开的页面,也可以是基于外部链接(与应用程序对接的第三方服务器提供的页面链接,外部链接对应的页面资源由第三方服务器提供)打开的页面。应用程序包括但不限于社交类应用(如微信应用)、具备娱乐功能的应用(如视频应用、音频应用、游戏应用和阅读软件)以及具备服务功能的应用(如地图导航应用、团购应用)。对于目标页面的显示内容不作限定。
在实际应用中,如图14、15所示,可以通过运行于显示终端上的浏览器展示目标页面,目标页面的显示内容可以为渲染三维模型显示的游戏内容。
以下介绍本发明一种页面处理方法的具体实施例,图3是本发明实施例提供的一种页面处理方法的流程示意图,本说明书提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的系统或服务器产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。本发明实施例提供的页面处理方法可以由客户端独立执行,可以由服务器独立执行,也可以由客户端与服务器进行交互以执行。具体的如图3所示,所述方法可以包括:
S301:接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
在本发明实施例中,如图1所示,目标页面载入有用于渲染至少一个显示图像的数据源(比如二维模型数据、三维模型数据),渲染数据源可以实现目标页面中对应的显示图像的呈现。进一步的,如图2所示,所述数据源可以为三维模型数据,目标页面载入有描述至少一个三维模型的三维模型数据,渲染三维模型实现目标页面中显示图像的呈现。
在一个具体的实施例中,所述目标区域可以基于预设的定位规则来确定(比如,确定目标区域位于目标页面的中部、底部;当目标页面中存在作为人物的显示对象时,确定用于显示人物面部的区域为目标区域),也可以通过对所述目标页面的实时选取来确定(比如,自定义的在目标页面中框选出目标区域)。如图14所示,可以选取目标页面中显示人物的正面头部位置的区域为目标区域。目标区域的确定有助于突出目标页面中需要展示的关键内容,减少无关元素在后续生成的目标图像中的视觉干扰。
在另一个具体的实施例中,如图14所示,针对目标页面的编辑指令可以由用户通过目标页面上的“拍照分享”按钮触发,当然编辑指令的触发形式还可以包括声音触发(麦克风采集声音,通过提取具有特定含义的语音来触发)、图像触发(摄像头采集图像数据,通过提取具有特定含义的表情、手势来触发)。
S302:提取所述目标区域对应的位置信息;
在本发明实施例中,提取的位置信息可以保证需要展示的关键内容得到有效甚至完整的展示,减少对关键内容的呈现存在部分内容缺少的情形出现。如图14所示,比如选取目标页面中呈现的人物正面头部为需要展示的关键内容,通过位置信息可以保证正面头部位置内容在后续生成的目标区域图像中有效甚至完整的呈现,避免出现后续生成的目标区域图像中将正面头部位置内容呈现为半个面部或者只有头发等的情况。
在一个具体的实施例中,当所述目标区域相对于所述目标页面是一个绝对的位置(比如,自定义的在目标页面的左下角框选出了A*B的矩形框作为所述目标区域)时,可以根据所述目标区域与所述目标页面的关系提取所述位置信息。
在另一个具体的实施例中,当所述目标区域相对于所述目标页面是一个相对的、可调的位置(比如,当目标页面中存在作为人物的显示对象时,确定显示有人物面部的区域为目标区域)时,可以通过不同的调节参数来提取所述位置信息。具体的,可以将显示终端的分辨率作为调节参数(可参考图9)来提取所述目标区域对应的位置信息。不同的显示终端具有不同的分辨率,为了保证目标页面中需要展示的关键内容的显示效果,通过显示终端的分辨率确定所述目标页面中目标区域(如图10左侧示图所示)的位置信息。位置信息可以用于表征目标区域在目标页面的相对位置信息和所含范围信息,可以包括目标区域的形状(比如矩形、星形)、目标区域自身尺寸(比如宽度和高度)以及目标区域的边界与目标页面的显示区域的边界相对距离(比如在X轴的相对距离和在Y轴的相对距离)。
S303:根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;
在本发明实施例中,如图4所示,所述根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像,包括:
S401:根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的定位图像;
位置信息圈定了目标区域在目标页面的相对位置和所含范围,位置信息可以用来过滤所述目标页面中的显示图像以得到落入所述目标区域的定位图像。S402:根据所述定位图像确定所述定位图像对应的定位三维模型;
如图2所示,目标页面载入有描述至少一个三维模型的三维模型数据,渲染三维模型实现目标页面中显示图像的呈现。当定位图像是通过渲染对应的三维模型数据显示时,可以根据所述定位图像确定所述定位图像对应的定位三维模型。
S403:响应于修改指令,修改所述定位三维模型对应的定位三维模型数据,以得到处理后的三维模型数据;
在一个具体的实施例中,当定位三维模型具备可编辑性时,可以调整对应的定位三维模型数据,以获得渲染处理后的三维模型数据在所述目标页面中显示的图像。如图15所示,可以对定位图像表征的正面头部进行“捏脸”操作:可以调整面部的轮廓,调整脸颊的胖瘦,调整五官的位置、角度及颜色,调整头发样式与颜色,调整腮红等样式与颜色。可参见图15中左侧示图到图15中右侧示图的变化,通过“捏脸”操作显示对象的脸颊胖瘦有变,头发、眉毛以及嘴唇的颜色也存在变化。
不同的用户对于定位三维模型的编辑存在不同,相应的,得到的处理后的三维模型数据也不同。这样基于处理后的三维模型数据生成的图像中存在反应用户个性化色彩的内容,定位三维模型的可编辑性能够降低生成的显示图像千篇一律的无趣感,提高生成的显示图像进行传播分享的有效性。
在另一个具体的实施例中,所述修改指令可以在所述编辑指令触发的执行步骤中自动触发,也可以由用户另行触发。所述修改指令的触发时机可以在所述编辑指令触发的执行步骤执行中的时间点,也可以在所述编辑指令触发的执行步骤执行前的时间点。当然,所述修改指令可以在所述编辑指令触发的执行步骤执行前的时间点触发,在所述编辑指令触发的执行步骤执行中的时间点继续触发。当所述修改指令的触发时机在所述编辑指令触发的执行步骤执行前的时间点时,目标页面中有渲染处理后的三维模型数据生成的目标显示图像,可以响应所述编辑指令,在目标页面确定包含有所述目标显示图像的目标区域,提取所述目标区域对应的位置信息,根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像。
S404:将所述处理后的三维模型数据在所述目标区域中的显示图像作为目标区域图像。
可以渲染处理后的三维模型数据生成在所述目标区域中的显示图像,再根据所述目标区域确定目标区域图像。当然,当渲染处理后的三维模型数据生成的显示图像超出了所述目标区域(比如对定位图像表征的正面头部进行的“捏脸”操作为将脸颊由瘦变胖)时,可以对所述目标区域进行适当的调节。
S304:获取所述目标区域图像对应的目标数据源;
在本发明实施例中,如图2所示,目标页面载入有描述至少一个三维模型的三维模型数据,渲染三维模型实现目标页面中显示图像的呈现。当目标区域图像是通过渲染对应的三维模型数据显示时,可以根据所述目标区域图像获取所述目标区域图像对应的目标三维模型数据,将所述目标三维模型数据作为所述目标数据源。
S305:根据所述目标数据源生成目标视图。
在本发明实施例中,目标视图基于目标数据源生成,保证了目标视图的显示精度,目标视图的局部细节效果更佳,比如目标视图可以还原显示对象的亮度值。
在一个具体的实施例中,如图5所示,所述根据所述目标数据源生成目标视图,包括:
S501:根据所述目标三维模型数据在绘图缓冲区中绘制目标三维模型;
当目标区域图像是通过渲染对应的三维模型数据显示时,所述目标数据源可以包括所述目标区域图像对应的目标三维模型数据。从绘图缓冲区中提取所述目标三维模型对应的所述目标三维模型数据。可以从由三维绘图协议(比如WebGL;WebGL:Web GraphicsLibrary,web图形库)的接口创建的绘图缓冲区中提取所述目标三维模型对应的所述目标三维模型数据。绘图缓冲区可以由三维绘图协议(比如WebGL)的接口创建,利用存储的所述目标三维模型数据在绘图缓冲区中绘制对应的所述目标三维模型。
S502:在所述绘图缓冲区中截取所述目标三维模型的区域截图,以得到所述目标视图。
具体的,根据目标三维模型的当前状态进行区域截图的截取。在所述目标页面创建绘图画布(比如Canvas),将所述区域截图逐像素绘制于所述绘图画布上,保证了目标视图具有的像素级精度。如图10右侧示图所示,得到背景透明且位置准确的目标视图。
在另一个具体的实施例中,可以获取投射关系,所述投射关系记录有三维模型与所述三维模型对应显示于所述目标页面的图像的投射关系;根据所述第一投射关系和所述目标三维模型数据生成视图数据;在所述目标页面创建绘图画布,在绘图画布上渲染所述视图数据对应的像素,生成所述目标视图。在利用视图数据生成目标视图的过程中,可以借助所述三维模型对应显示于所述目标页面的二维截图来作参考。比如在绘图画布上渲染所述视图数据对应的像素先生成中间视图,再借助二维截图作参考,对中间视图进行调整,生成所述目标视图。
在另一个具体的实施例中,当所述绘图缓冲区开启时,从所述绘图缓冲区提取所述目标三维模型数据;当所述绘图缓冲区未开启时,开启所述绘图缓冲区,从所述绘图缓冲区提取所述目标三维模型数据。其中,创建绘图缓冲区的时机可以在所述编辑指令触发的执行步骤执行前的时间点。如图9所示,可以在所述编辑指令触发的执行步骤执行一开始,便检查已创建的绘图缓冲区是否开启。
S306:根据所述目标数据源的特征信息,获取拼合素材;
在一个具体的实施例中,首先,根据所述特征信息,在预设的素材库中匹配得到至少一个待选图像,所述待选图像展示的内容与所述目标视图展示的内容类别相同。当所述目标数据源为目标三维模型数据时,所述目标三维模型数据指向的特征信息表征所述目标三维模型对应的显示对象具有的特征。比如,当显示对象为人物时,特征信息可以包括职业信息、性别信息等。当显示对象为地图时,特征信息可以包括地形信息、地势信息和地貌信息等。进一步的,对于素材库中的素材图像,可以对素材图像设置标签。素材库中预先设置了不同特征信息与具备不同标签的素材图像的匹配关系。比如,特征信息包括职业信息和性别信息。素材库中可以设置职业大类(下设包括法师小类、侠客小类等)和性别大类(下设包括男性小类、女性小类等),再将特征信息对应的分类与素材图像的标签建立匹配关系。可以基于匹配关系,得到至少一个待选图像。如图14所示,所述目标视图展示的内容为人物的正面头部,特征信息包括侠客、男性,根据特征信息在素材库中匹配得到至少一个展示的内容也为人物的正面头部的待选图像。当然,所述待选图像展示的内容也可以为人物的侧面头部、人物的插画形象等等。
然后,从所述至少一个待选图像中选取目标待选图像进行拼合,以生成用作背景的所述拼合素材。具体的,可以随机从所述至少一个待选图像中选取得到目标待选图像。也可以对待选图像的匹配度大小作降序排序,从而选取得到目标待选图像。当目标待选图像的数量为1时,目标待选图像可以与基础素材图像(比如纯色图像)进行拼合,以生成用作背景的所述拼合素材。当目标待选图像的数量大于1时,目标待选图像之间可以进行拼合,以生成用作背景的所述拼合素材。如图16所示,每个目标待选图像依照各自的倾斜角度设置,多个目标待选图像间可以交叠设置,生成的拼合素材中部留有用于拼合目标视图的区域。当然,拼合目标待选图像生成拼合素材的形式不限于上述,目标待选图像也可以基于一个预设的中心点作放射状设置得到拼合素材。进一步的,对用作背景的拼合素材的显示精度要求可以低于对目标视图的显示精度要求。比如可以对拼合素材作模糊处理,降低拼合素材的显示亮度。当然,素材库中的素材图像可以采用不具备较高显示精度的普通截图。
在另一个具体的实施例中,所述根据所述目标数据源的特征信息,获取拼合素材,包括;从所述目标页面的配置信息中选取待处理信息,所述待处理信息包括从页面内容、用户信息和服务器信息组成的群组中选择的至少一个;根据所述待处理信息生成所述拼合素材,所述拼合素材包括从二维码、文字、数字、商标组成的群组中选择的至少一个。如图17所示,拼合素材可以包括用户昵称、用户在游戏中的排名、用户所使用的游戏后台服务器的名称、游戏产品的相关信息(比如商标、二维码)以及表情符。这样生成的拼合素材指向了用户使用场景的个性化信息,每个用户的拼合素材都可以不同,保证了后续生成的目标图像能够实现千人千面的效果。
在实际应用中,拼合素材可以既包括上述基于素材库匹配得到、进而从中选取拼合得到的用作背景的拼合素材(可视为第一拼合素材),又包括从配置信息中选取、进而生成的拼合素材(可视为第二拼合素材)。
S307:拼合所述目标视图与所述拼合素材,生成目标图像。
在本发明实施例中,可以在所述目标页面创建绘图画布;根据预设的拼合规则,将所述目标视图的内容和所述拼合素材的内容绘制在所述绘图画布上,生成所述目标图像。可以在绘图画布上设置对应目标视图的内容的第一绘制位置,以及设置对应拼合素材的内容的第二绘制位置。第一绘制位置可以对应后续生成的目标图像中的主题区域(比如目标图像的中部),第二绘制位置可以对应后续生成的目标图像中的背景区域(比如目标图像的边界部分)。
在实际应用中,可以将上述基于素材库匹配得到、进而从中选取拼合得到的拼合素材(可视为第一拼合素材)的内容绘制于第二绘制位置。上述从配置信息中选取、进而生成的拼合素材(可视为第二拼合素材)可以指向的信息较多、较分散,可以将该拼合素材对应的内容绘制于第一绘制位置和/或第二绘制位置。如图11所示,目标视图与第一拼合进行拼合生成目标图像,其中目标视图位于目标图像的中部,第一拼合素材作为背景围绕目标视图设置。如图12所示,目标视图与第二拼合进行拼合生成目标图像,其中目标视图和第二拼合素材中的文字位于目标图像的中部,第二拼合素材中的二维码、数字、商标位于目标图像的背景区域。如图13所示,目标图像也可以由拼合目标视图、第一拼合素材和第二拼合素材来生成。这样目标视图对应的关键内容占据目标图像的视觉中心点。
如图17所示,可以将二维码绘制于第二绘制位置,将用户昵称绘制于第一绘制位置。这样生成的目标图像中目标视图在中部突出显示,与目标视图存在一定显示精度差异的目标待选图像进行拼合于边界部分呈现,同时指向用户使用场景的个性化信息的拼合素材分散展示。
由以上本说明书实施例提供的技术方案可见,本说明书实施例在对目标页面进行编辑时,获取目标页面中目标区域图像对应的目标数据源,目标视图基于目标数据源生成,保证了目标视图具有较高的显示精度。生成的目标视图能够以较高的还原度展示目标区域对应的图像,目标视图能够突出目标页面中需要展示的关键内容,减少无用元素带来的视觉干扰。再根据目标数据源的特征信息匹配拼合素材,将目标视图与拼合素材进行拼合,进而生成目标图像。目标图像由目标视图与拼合素材拼合而成,更加个性化,趣味性更高,更贴近用户需求。
本发明实施例还提供了一种页面处理装置,如图7所示,所述装置包括:
编辑指令接收模块71:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像。
位置信息提取模块72:用于提取所述目标区域对应的位置信息。
目标区域图像取得模块73:用于根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像。所述目标区域图像取得模块73包括:定位图像取得单元:用于根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的定位图像;定位三维模型确定单元:用于根据所述定位图像确定所述定位图像对应的定位三维模型;模型数据修改单元:用于响应于修改指令,修改所述定位三维模型对应的定位三维模型数据,以得到处理后的三维模型数据;目标区域图像确定单元:用于将所述处理后的三维模型数据在所述目标区域中的显示图像作为目标区域图像。
目标数据源获取模块74:用于获取所述目标区域图像对应的目标数据源。所述目标数据源获取模块74包括:目标三维模型数据获取单元:用于获取所述目标区域图像对应的目标三维模型数据;
目标视图生成模块75:用于根据所述目标数据源生成目标视图。当所述目标数据源获取模块74包括目标三维模型数据获取单元时,所述所述目标视图生成模块75包括:模型绘制单元:用于根据所述目标三维模型数据在绘图缓冲区中绘制目标三维模型;视图生成单元:用于在所述绘图缓冲区中截取所述目标三维模型的区域截图,以得到所述目标视图。其中,所述视图生成单元包括:画布创建子单元:用于在所述目标页面创建绘图画布;绘制子单元:用于将所述区域截图逐像素绘制于所述绘图画布上。
所述装置还包括:
拼合素材获取模块76:用于根据所述目标数据源的特征信息,获取拼合素材;
拼合模块77:用于拼合所述目标视图与所述拼合素材,生成目标图像。
需要说明的,所述装置实施例中的装置与方法实施例基于同样的发明构思。
本发明实施例提供了一种页面处理方法,所述方法包括:接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;获取拼合素材,所述拼合素材指向所述目标视图;拼合所述目标视图与所述拼合素材,生成目标图像。
其中,所述获取所述目标区域对应的目标视图,包括:获取所述目标区域对应的定位图像;根据接收到的针对所述定位图像的修改指令修改所述定位图像对应的数据源,以使得所述目标区域呈现所述目标视图。
本发明实施例还提供了一种页面处理装置,所述装置包括:
编辑指令接收模块:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
目标视图获取模块:用于获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;
拼合素材获取模块:用于获取拼合素材,所述拼合素材指向所述目标视图;
拼合模块:用于拼合所述目标视图与所述拼合素材,生成目标图像。
需要说明的,所述装置实施例中的装置与方法实施例基于同样的发明构思。
本发明实施例提供了一种电子设备,该电子设备包括处理器和存储器,该存储器中存储有至少一条指令、至少一段程序、代码集或指令集,该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的页面处理方法。
存储器可用于存储软件程序以及模块,处理器通过运行存储在存储器的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、功能所需的应用程序等;存储数据区可存储根据所述设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器还可以包括存储器控制器,以提供处理器对存储器的访问。
所述电子设备可以为客户端,也可以为服务器,本发明实施例还提供了一种服务器的结构示意图,请参阅图18,该服务器1800用于实施上述实施例中提供的页面处理方法。该服务器1800可因配置或性能不同而产生比较大的差异,可以包括一个或一个以上中央处理器(Central Processing Units,CPU)1810(例如,一个或一个以上处理器)和存储器1830,一个或一个以上存储应用程序1823或数据1822的存储介质1820(例如一个或一个以上海量存储设备)。其中,存储器1830和存储介质1820可以是短暂存储或持久存储。存储在存储介质1820的程序可以包括一个或一个以上模块,每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1810可以设置为与存储介质1820通信,在服务器1800上执行存储介质1820中的一系列指令操作。服务器1800还可以包括一个或一个以上电源1860,一个或一个以上有线或无线网络接口1850,一个或一个以上输入输出接口1840,和/或,一个或一个以上操作系统1821,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
本发明的实施例还提供了一种存储介质,所述存储介质可设置于电子设备之中以保存用于实现方法实施例中一种页面处理方法相关的至少一条指令、至少一段程序、代码集或指令集,该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述方法实施例提供的页面处理方法。
可选地,在本实施例中,上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
需要说明的是:上述本发明实施例先后顺序仅仅为了描述,不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于系统和服务器实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (15)
1.一种页面处理方法,其特征在于,所述方法包括:
接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
提取所述目标区域对应的位置信息;
根据所述定位信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;
获取所述目标区域图像对应的目标数据源;
根据所述目标数据源生成目标视图。
2.根据权利要求1所述的方法,其特征在于,所述根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像,包括:
根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的定位图像;
根据所述定位图像确定所述定位图像对应的定位三维模型;
响应于修改指令,修改所述定位三维模型对应的定位三维模型数据,以得到处理后的三维模型数据;
将所述处理后的三维模型数据在所述目标区域中的显示图像作为目标区域图像。
3.根据权利要求1所述的方法,其特征在于:
所述获取所述目标区域图像对应的目标数据源,包括:
获取所述目标区域图像对应的目标三维模型数据;
所述根据所述目标数据源生成目标视图,包括:
根据所述目标三维模型数据在绘图缓冲区中绘制目标三维模型;
在所述绘图缓冲区中截取所述目标三维模型的区域截图,以得到所述目标视图。
4.根据权利要求3所述的方法,其特征在于,所述在所述绘图缓冲区中截取所述目标三维模型的区域截图,以得到所述目标视图,包括:
在所述目标页面创建绘图画布;
将所述区域截图逐像素绘制于所述绘图画布上。
5.根据权利要求3所述的方法,其特征在于,所述获取所述目标区域图像对应的目标三维模型数据,包括:
当所述绘图缓冲区开启时,从所述绘图缓冲区提取所述目标三维模型数据;
当所述绘图缓冲区未开启时,开启所述绘图缓冲区,从所述绘图缓冲区提取所述目标三维模型数据。
6.根据权利要求1所述的方法,其特征在于,所述方法还包括:
根据所述目标数据源的特征信息,获取拼合素材;
拼合所述目标视图与所述拼合素材,生成目标图像。
7.根据权利要求6所述的方法,其特征在于,所述根据所述目标数据源的特征信息,获取拼合素材,包括:
根据所述特征信息,在预设的素材库中匹配得到至少一个待选图像,所述待选图像展示的内容与所述目标视图展示的内容类别相同;
从所述至少一个待选图像中选取目标待选图像进行拼合,以生成用作背景的所述拼合素材。
8.根据权利要求6所述的方法,其特征在于,所述根据所述目标数据源的特征信息,获取拼合素材,包括;
从所述目标页面的配置信息中选取待处理信息,所述待处理信息包括从页面内容、用户信息和服务器信息组成的群组中选择的至少一个;
根据所述待处理信息生成所述拼合素材,所述拼合素材包括从二维码、文字、数字、商标组成的群组中选择的至少一个。
9.根据权利要求6所述的方法,其特征在于,所述拼合所述目标视图与所述拼合素材,生成目标图像的步骤,包括:
在所述目标页面创建绘图画布;
根据预设的拼合规则,将所述目标视图的内容和所述拼合素材的内容绘制在所述绘图画布上,生成所述目标图像。
10.一种页面处理方法,其特征在于,所述方法包括:
接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;
获取拼合素材,所述拼合素材指向所述目标视图;
拼合所述目标视图与所述拼合素材,生成目标图像。
11.根据权利要求10所述的方法,其特征在于,所述获取所述目标区域对应的目标视图,包括:
获取所述目标区域对应的定位图像;
根据接收到的针对所述定位图像的修改指令修改所述定位图像对应的数据源,以使得所述目标区域呈现所述目标视图。
12.一种页面处理装置,其特征在于,所述装置包括:
编辑指令接收模块:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
位置信息提取模块:用于提取所述目标区域对应的位置信息;
目标区域图像取得模块:用于根据所述位置信息过滤所述目标页面中的显示图像以得到落入所述目标区域的目标区域图像;
目标数据源获取模块:用于获取所述目标区域图像对应的目标数据源;
目标视图生成模块:用于根据所述目标数据源生成目标视图。
13.一种页面处理装置,其特征在于,所述装置包括:
编辑指令接收模块:用于接收针对目标页面的编辑指令,确定所述目标页面的目标区域,所述目标页面中包括至少一个显示图像;
目标视图获取模块:用于获取所述目标区域对应的目标视图,所述目标视图由落入所述目标区域的目标区域图像所对应的目标数据源得到;
拼合素材获取模块:用于获取拼合素材,所述拼合素材指向所述目标视图;
拼合模块:用于拼合所述目标视图与所述拼合素材,生成目标图像。
14.一种电子设备,其特征在于,所述电子设备包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1-9任一所述的页面处理方法或者权利要求10-11任一所述的页面处理方法。
15.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如权利要求1-9任一所述的页面处理方法或者权利要求10-11任一所述的页面处理方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910381543.5A CN110147511A (zh) | 2019-05-08 | 2019-05-08 | 一种页面处理方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910381543.5A CN110147511A (zh) | 2019-05-08 | 2019-05-08 | 一种页面处理方法、装置、电子设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110147511A true CN110147511A (zh) | 2019-08-20 |
Family
ID=67594891
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910381543.5A Pending CN110147511A (zh) | 2019-05-08 | 2019-05-08 | 一种页面处理方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110147511A (zh) |
Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6363404B1 (en) * | 1998-06-26 | 2002-03-26 | Microsoft Corporation | Three-dimensional models with markup documents as texture |
US20070211065A1 (en) * | 2006-03-07 | 2007-09-13 | Silicon Graphics, Inc. | Integration of graphical application content into the graphical scene of another application |
US20110264362A1 (en) * | 2008-05-29 | 2011-10-27 | Ewoud Van Raamsdonk | Generating a display image |
KR20120012490A (ko) * | 2012-01-11 | 2012-02-10 | 김국현 | 웹페이지에 대한 하이퍼링크를 동적 스크린 이미지로 문서 편집기상에서 연결하는 방법 |
US20120179983A1 (en) * | 2011-01-07 | 2012-07-12 | Martin Lemire | Three-dimensional virtual environment website |
CN104574454A (zh) * | 2013-10-29 | 2015-04-29 | 阿里巴巴集团控股有限公司 | 图像的处理方法及装置 |
JP2015088891A (ja) * | 2013-10-30 | 2015-05-07 | コニカミノルタ株式会社 | 画像処理装置、画像編集方法、および画像編集プログラム |
CN106873871A (zh) * | 2017-01-06 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 页面截图方法和装置 |
CN107870712A (zh) * | 2016-09-23 | 2018-04-03 | 北京搜狗科技发展有限公司 | 一种截图处理方法及装置 |
CN108762740A (zh) * | 2018-05-17 | 2018-11-06 | 北京三快在线科技有限公司 | 页面数据的生成方法、装置及电子设备 |
CN108939556A (zh) * | 2018-07-27 | 2018-12-07 | 珠海金山网络游戏科技有限公司 | 一种基于游戏平台的截图方法及装置 |
-
2019
- 2019-05-08 CN CN201910381543.5A patent/CN110147511A/zh active Pending
Patent Citations (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6363404B1 (en) * | 1998-06-26 | 2002-03-26 | Microsoft Corporation | Three-dimensional models with markup documents as texture |
US20070211065A1 (en) * | 2006-03-07 | 2007-09-13 | Silicon Graphics, Inc. | Integration of graphical application content into the graphical scene of another application |
US20110264362A1 (en) * | 2008-05-29 | 2011-10-27 | Ewoud Van Raamsdonk | Generating a display image |
US20120179983A1 (en) * | 2011-01-07 | 2012-07-12 | Martin Lemire | Three-dimensional virtual environment website |
KR20120012490A (ko) * | 2012-01-11 | 2012-02-10 | 김국현 | 웹페이지에 대한 하이퍼링크를 동적 스크린 이미지로 문서 편집기상에서 연결하는 방법 |
CN104574454A (zh) * | 2013-10-29 | 2015-04-29 | 阿里巴巴集团控股有限公司 | 图像的处理方法及装置 |
JP2015088891A (ja) * | 2013-10-30 | 2015-05-07 | コニカミノルタ株式会社 | 画像処理装置、画像編集方法、および画像編集プログラム |
CN107870712A (zh) * | 2016-09-23 | 2018-04-03 | 北京搜狗科技发展有限公司 | 一种截图处理方法及装置 |
CN106873871A (zh) * | 2017-01-06 | 2017-06-20 | 腾讯科技(深圳)有限公司 | 页面截图方法和装置 |
CN108762740A (zh) * | 2018-05-17 | 2018-11-06 | 北京三快在线科技有限公司 | 页面数据的生成方法、装置及电子设备 |
CN108939556A (zh) * | 2018-07-27 | 2018-12-07 | 珠海金山网络游戏科技有限公司 | 一种基于游戏平台的截图方法及装置 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11354825B2 (en) | Method, apparatus for generating special effect based on face, and electronic device | |
CN105184249B (zh) | 用于人脸图像处理的方法和装置 | |
CN108010112B (zh) | 动画处理方法、装置及存储介质 | |
US9811894B2 (en) | Image processing method and apparatus | |
US20130169827A1 (en) | Method and system for make-up simulation on portable devices having digital cameras | |
EP3279866A1 (en) | Method and apparatus for generating synthetic picture | |
JP7168694B2 (ja) | ヒューマンフェースによる3d特殊効果生成方法、装置および電子装置 | |
CN104915634A (zh) | 基于人脸识别技术的图像生成方法和装置 | |
CN110322571B (zh) | 一种页面处理方法、装置及介质 | |
US10600226B2 (en) | System and method for manipulating a facial image and a system for animating a facial image | |
CN112288665A (zh) | 图像融合的方法、装置、存储介质及电子设备 | |
CN111638784B (zh) | 人脸表情互动方法、互动装置以及计算机存储介质 | |
CN109064388A (zh) | 人脸图像效果生成方法、装置和电子设备 | |
CN113870133B (zh) | 多媒体显示及匹配方法、装置、设备及介质 | |
CN108416722A (zh) | 一种图像显示方法、存储介质及终端设备 | |
CN110148191A (zh) | 视频虚拟表情生成方法、装置及计算机可读存储介质 | |
CN110688506A (zh) | 一种模板生成方法、装置、电子设备及存储介质 | |
CN109388725A (zh) | 通过视频内容进行搜索的方法及装置 | |
US10120539B2 (en) | Method and device for setting user interface | |
CN114708443A (zh) | 截图处理方法及装置、电子设备和计算机可读介质 | |
CN112965681B (zh) | 图像处理方法、装置、设备、及存储介质 | |
CN111464859B (zh) | 一种在线视频展示的方法、装置、计算机设备及存储介质 | |
CN115690281B (zh) | 角色表情的驱动方法及装置、存储介质、电子装置 | |
WO2023134568A1 (zh) | 显示方法、装置、电子设备及存储介质 | |
CN112083863A (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 |