CN111179164A - 一种生成缩略图的方法和装置 - Google Patents
一种生成缩略图的方法和装置 Download PDFInfo
- Publication number
- CN111179164A CN111179164A CN201911191238.6A CN201911191238A CN111179164A CN 111179164 A CN111179164 A CN 111179164A CN 201911191238 A CN201911191238 A CN 201911191238A CN 111179164 A CN111179164 A CN 111179164A
- Authority
- CN
- China
- Prior art keywords
- thumbnail
- page
- generated
- generating
- instance identifier
- 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
Images
Classifications
-
- 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
-
- 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
- G06T3/4038—Scaling the whole image or part thereof for image mosaicing, i.e. plane images composed of plane sub-images
Abstract
本发明公开了一种生成缩略图的方法和装置,涉及计算机技术领域。该方法的一具体实施方式包括:获取待生成缩略图的页面的素材信息,素材信息包括素材存储位置、素材位置坐标和素材大小,且素材位置坐标和素材大小是根据素材与页面的相对比例来设置的;根据素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;根据拼装得到的对象生成图片格式的缩略图。该实施方式能够使得开发工作量大大减少,提升了灵活性,并且,当需要获取页面的缩略图时,也可以免去加载、缓存的浏览过程,加载时间也大大缩短,减少了用户的等待时间。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种生成缩略图的方法和装置。
背景技术
缩略图,在各种网络浏览界面屡见不鲜,通过对图片或页面进行缩小展示,可以直观展示要查看的图片或页面具体内容,减少加载、缓存的过程,大大提升浏览效率。
伴随着小程序的快速发展,其自身的原生开发语言,也随着小程序的发展而不断改善、升级。目前,小程序中在生成缩略图时,多是直接使用小程序原生语言开发页面来转换缩略图,具体的生成方式是:在原生代码文件中,生成画布布局,然后将需要生成缩略图的页面元素按照等比例设置并进行样式调试,之后装载入缩略图比例的画布中。该缩略图生成方式,当页面元素特别多时,则需要在代码文件中对每个页面元素的大小都进行调整,因此开发工作量大、灵活性低且加载过程慢,不但增加了小程序项目开发、维护成本,同时对用户体验产生了负面影响。
发明内容
有鉴于此,本发明实施例提供一种生成缩略图的方法和装置,能够使得开发工作量大大减少,提升了灵活性,并且,当需要获取页面的缩略图时,也可以免去加载、缓存的浏览过程,加载时间也大大缩短,减少了用户的等待时间。
为实现上述目的,根据本发明实施例的一个方面,提供了一种生成缩略图的方法。
一种生成缩略图的方法,包括:获取待生成缩略图的页面的素材信息,所述素材信息包括素材存储位置、素材位置坐标和素材大小,且所述素材位置坐标和所述素材大小是根据素材与所述页面的相对比例来设置的;根据所述素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;根据拼装得到的对象生成图片格式的缩略图。
可选地,根据拼装得到的对象生成图片格式的缩略图包括:对拼装得到的对象,通过文件输出流语句生成图片格式的缩略图。
可选地,获取待生成缩略图的页面的素材信息之前,还包括:根据缩略图生成请求对所述待生成缩略图的页面的素材信息进行预处理,所述预处理包括对所述素材信息进行增加、删除和修改中的一种或多种;并将预处理后的素材信息作为所述缩略图生成请求对应的待生成缩略图的页面的素材信息。
可选地,所述缩略图具有页面实例标识,当待生成缩略图的页面的素材信息发生变更时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
可选地,所述缩略图具有页面实例标识,当所述缩放比例不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
可选地,所述缩略图具有页面实例标识,当所述缩略图的显示颜色与所述页面的显示颜色不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
可选地,根据拼装得到的对象生成图片格式的缩略图之后,还包括:将所述缩略图上传至云存储系统,并将所述缩略图在云存储系统中的存储地址与页面实例标识关联保存至数据表中。
根据本发明实施例的另一方面,提供了一种生成缩略图的装置。
一种生成缩略图的装置,包括:素材获取模块,用于获取待生成缩略图的页面的素材信息,所述素材信息包括素材存储位置、素材位置坐标和素材大小,且所述素材位置坐标和所述素材大小是根据素材与所述页面的相对比例来设置的;素材拼装模块,用于根据所述素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;图片生成模块,用于根据拼装得到的对象生成图片格式的缩略图。
根据本发明实施例的又一方面,提供了一种生成缩略图的电子设备。
一种生成缩略图的电子设备,包括:一个或多个处理器;存储装置,用于存储一个或多个程序,当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现本发明实施例所提供的生成缩略图的方法。
根据本发明实施例的再一方面,提供了一种计算机可读介质。
一种计算机可读介质,其上存储有计算机程序,所述程序被处理器执行时实现本发明实施例所提供的生成缩略图的方法。
上述发明中的一个实施例具有如下优点或有益效果:通过获取待生成缩略图的页面的素材信息,根据素材信息中的素材存储位置获取一个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材坐标和素材大小生成流式文件以进行拼装,其中,素材位置坐标和素材大小是根据素材与页面的相对比例来设置的,然后根据拼装得到的对象生成图片格式的缩略图,可以实现将待生成缩略图的页面的素材进行动态拼装,并生成图片格式的缩略图,无需对每个素材的大小进行调整,且避免了由于页面重复开发而带来的缺陷,从而使得开发工作量大大减少,提升了灵活性,并且,当需要获取页面的缩略图时,也可以免去加载、缓存的浏览过程,加载时间也大大缩短,减少了用户的等待时间。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明,不构成对本发明的不当限定。其中:
图1是根据本发明实施例的生成缩略图的方法的主要步骤示意图;
图2是本发明实施例的生成缩略图的系统的网络架构示意图;
图3是本发明实施例的生成缩略图的一个应用场景示意图;
图4是根据本发明实施例的生成缩略图的装置的主要模块示意图;
图5是本发明实施例可以应用于其中的示例性系统架构图;
图6是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明,其中包括本发明实施例的各种细节以助于理解,应当将它们认为仅仅是示范性的。因此,本领域普通技术人员应当认识到,可以对这里描述的实施例做出各种改变和修改,而不会背离本发明的范围和精神。同样,为了清楚和简明,以下的描述中省略了对公知功能和结构的描述。
本发明旨在解决通过小程序原生开发语言对页面生成缩略图时所存在的开发工作量大、灵活性低且加载过程慢等的缺陷,通过后端服务器来生成图片格式的缩略图,实现功能页面实时调取缩略图展示及操作的效果。通过通用的服务器接口调用,规避了页面重复开发的缺陷,且可实时调取图片格式缩略图,免去了加载、缓存的浏览过程,提高了浏览效率。
图1是根据本发明实施例的生成缩略图的方法的主要步骤示意图。如图1所示,本发明实施例的生成缩略图的方法主要包括如下的步骤S101至步骤S103。
步骤S101:获取待生成缩略图的页面的素材信息,素材信息包括素材存储位置、素材位置坐标和素材大小,且素材位置坐标和素材大小是根据素材与页面的相对比例来设置的;
步骤S102:根据素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;
步骤S103:根据拼装得到的对象生成图片格式的缩略图。
通过上述的步骤S101至步骤S103,即可实现将待生成缩略图的页面的素材进行动态拼装,并生成图片格式的缩略图,无需对每个素材的大小进行调整,且避免了由于页面重复开发而带来的缺陷,从而使得开发工作量大大减少,提升了灵活性,并且,当需要获取页面的缩略图时,也可以免去加载、缓存的浏览过程,加载时间也大大缩短,减少了用户的等待时间。
根据本发明的实施例,素材信息例如主要包括:页面标识、素材标识、素材位置坐标、素材大小、素材展示方向、素材存储位置和素材类型等信息;且素材位置坐标、素材大小是根据素材与页面的相对比例来设置的。在获取待生成缩略图的页面的素材信息之前,可以预先提取待生成缩略图的页面的素材信息,并将提取的素材信息根据页面标识进行存储。当需要生成缩略图时,根据页面标识即可获取到待生成缩略图的页面的素材信息。
具体地,在本发明的实施例中,对需要生成缩略图的页面进行处理,将该页面的素材信息都保存至数据表中,页面的素材例如包括:图片、文本、视频,等等,每个素材都有对应的素材标识ID、素材位置坐标、素材大小(例如:图片的宽度和高度、字体大小,等等)素材展示方向(例如:横向展示、纵向展示,等等)、素材类型(例如:图片、文本、视频等等)等等信息。另外,对于文本类素材来说,素材信息还可以包括字体库、字体颜色等等信息。并且,在进行素材信息的保存时,还需要保存这些素材信息所对应的页面标识ID以及素材存储位置,其中,素材存储位置用于获取素材的具体内容,例如:对于一个图片素材,在将其素材信息保存到数据表中时,可将该图片素材的具体内容(即:图片)所保存的位置(可以是本地位置,也可以是网络路径统一资源定位符URL,Uniform Resource Locator)记载在数据表中,当需要获取该素材内容时,即可根据素材存储位置获取到对应的图片以进行进一步处理。
在本发明的实施例中,素材位置坐标和素材大小是根据素材与页面的相对比例来设置的,例如:素材1的素材位置坐标是2%,即:对任意的页面大小,素材1的素材位置坐标距离页面左上角坐标的距离均为页面大小的2%;又如,素材1的素材大小为页面大小的5%,即:对任意的页面大小,素材1的素材大小均为页面大小的5%。如此设置,当需要生成缩略图时,无论对页面的缩放比例是多少,均可以自动根据缩放比例确定素材在页面的坐标位置和显示大小,从而避免了对开发程序代码的改动,尤其是当页面包括大量素材时,可以大大节省开发工作量。
当用户在小程序页面提交表单时,用户自主上传的文字、图片、视频等素材信息会自动保存到数据表中,在生成页面时,系统会自动触发缩略图生成接口的调用,同时将生成的页面的标识ID及此次生成缩略图操作的页面实例标识ID(同一个页面可能会对应很多个缩略图,每个缩略图可以看作是页面的不同实例,当这些缩略图不同时,即对应不同的页面实例,不同的页面实例通过页面实例标识ID来进行区别标识)。缩略图具有页面实例标识ID,当待生成缩略图的页面的素材信息发生变更时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
并非每次用户请求生成页面的缩略图时都会调用缩略图生成接口,只有当用户请求生成缩略图的页面的素材信息之前未生成过缩略图时才会调用缩略图生成接口。具体的应用场景例如是,在获取待生成缩略图的页面的素材信息之前,根据缩略图生成请求对待生成缩略图的页面的素材信息进行预处理,预处理例如包括对素材信息进行增加、删除和修改中的一种或多种;并将预处理后的素材信息作为该缩略图生成请求对应的待生成缩略图的页面的素材信息。具体地,例如:在生成页面的缩略图时,用户需要针对页面中的素材类型为图片的素材生成缩略图,故而可根据该缩略图生成请求对待生成缩略图的页面的素材信息进行预处理,仅筛选出图片类型的素材,并根据这些筛选出的图片素材的素材信息:素材标识ID、素材位置坐标、素材大小等等来生成缩略图,即:待生成缩略图的页面的一个页面实例。
另外,当缩略图生成请求中包括的缩放比例不同时,生成的缩略图也会具有不同的页面实例ID;当缩略图生成请求中包括的缩略图的显示颜色与原页面的显示颜色不同时,生成的缩略图也会具有不同的页面实例ID,等等。
缩略图生成接口在被调用后,将根据用户的缩略图生成请求来获取此次生成缩略图所对应的页面素材信息,然后,根据获取到的素材信息进行素材的动态拼装。
根据本发明的实施例,首先,根据从数据表中查询到的素材信息,根据素材存储位置获取素材的素材内容。例如:假设该待生成缩略图的页面仅有一个元素图片A,根据其配置的素材类型为图片类型,获取图片A的素材存储位置URL后,可通过后台的Java流语言,获取该URL下存储的图片A。
然后,由于该待生成缩略图的页面仅有一个素材,因此将该素材图片A根据对应的素材位置坐标和素材大小(即:图片A对应的高度和宽度)生成流式文件(此处为图片流)以进行动态拼装。
在将页面的素材进行动态拼装之后,即可执行步骤S103。在根据拼装得到的对象生成图片格式的缩略图时,由于动态拼装得到的是流式文件,因此为了将其生成图片格式的缩略图,具体可以是对拼装得到的对象,通过文件输出流语句生成图片格式的缩略图。
根据本发明的实施例,文件输出流语句例如为Java语言提供的原生组件,用于服务器输入、输出字符/字节,Java将二进制文件数据转化为字节流的形式传递。
最后,在根据拼装得到的对象生成图片格式的缩略图之后,还可以将缩略图上传至云存储系统,并将缩略图在云存储系统中的存储地址与页面实例标识关联保存至数据表中。
具体地,可在生成缩略图后,调用云平台的上传图片接口,该接口会将该缩略图在云平台存储系统中保存的路径返回给本发明的生成缩略图的系统,本发明的生成缩略图的系统接收到缩略图在云存储系统中的存储地址URL之后,将其与缩略图的页面实例标识关联保存于数据表中。
当用户需要查看某个页面对应的所有缩略图时,即可通过缩略图对应的页面实例标识查找到对应的缩略图以进行浏览或其他操作。
图2是本发明实施例的生成缩略图的系统的网络架构示意图。如图2所示,在该网络架构示意图中,小程序端主要为用户交互端,用户通过在小程序端的表单提交操作,触发调用Nginx服务器,Nginx服务器的主要作用为请求分发、反向代理,Nginx服务器可以将请求分发给多台应用服务器,同时通过反向代理来保证内网服务器的安全并达到负载均衡的目的;应用服务器主要用于处理收到的用户请求,并将响应数据回传到请求发起端,本发明中服务端生成缩略图的过程主要是在应用服务器中完成的;数据库服务器则用于存储应用服务器处理的业务数据,并支持应用服务器发起的数据查询;本发明中云存储平台主要存储应用服务器传递的图片、视频等类型的文件。
图3是本发明实施例的生成缩略图的一个应用场景示意图。本发明的一个应用场景为:用户可根据选择的小程序模板来创建一组交互页面,并自行上传图片、视频、文字等素材到各页面,然后生成一组页面实例,同时可对该组实例中的页面进行排序等操作。在进行排序操作时,即可利用本发明生成的缩略图进行拖动操作以达到动态排序的效果。
在本发明的实施例中,首先在数据库服务器中对页面1中的素材进行配置,如页面1中有3个素材:素材A为视频格式素材,且位置坐标为(x1,y1),高度为h1,宽度为y1,页面ID为ID1;素材B为图片格式素材,且位置坐标为(x2,y2),高度为h2,宽度为y2,页面ID为ID1;素材C为文字格式素材,且位置坐标为(x3,y3),高度为h3,宽度为y3,字体大小为30,字体为“宋体”,字体颜色为(44,44,44),页面ID为ID1。
当用户在页面1中分别上传素材A、B、C之后,触发页面提交,此时该请求分发到后端服务器,服务器将素材A、B、C分别存储到云平台并得到云平台返回的URL1、URL2、URL3,分别根据配置好的页面1中对应的素材信息(其他素材信息缺省),生成实例素材数据并存储于数据库服务器中,如表1所示。
表1
素材实例ID | 页面ID | 素材位置坐标 | 素材URL |
ID_A | ID1 | (x1,y1) | URL1 |
ID_B | ID1 | (x2,y2) | URL2 |
ID_C | ID1 | (x3,y3) | URL3 |
此时应用服务器根据页面ID1,将查询到数据库服务器的该页面中保存的所有素材根据素材信息通过Java流语言进行拼装,并输出为页面缩略图传递至云平台存储,整个缩略图生成过程完成。
图4是根据本发明实施例的生成缩略图的装置的主要模块示意图。如图4所示,本发明实施例的生成缩略图的装置400主要包括素材获取模块401、素材拼装模块402和图片生成模块403。
素材获取模块401,用于获取待生成缩略图的页面的素材信息,素材信息包括素材存储位置、素材位置坐标和素材大小,且素材位置坐标和素材大小是根据素材与页面的相对比例来设置的;
素材拼装模块402,用于根据素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;
图片生成模块403,用于根据拼装得到的对象生成图片格式的缩略图。
根据本发明的一个实施例,图片生成模块403还可以用于:
对拼装得到的对象,通过文件输出流语句生成图片格式的缩略图。
根据本发明的再一个实施例,生成缩略图的装置400还可以包括素材预处理模块(图中未示出),用于在获取待生成缩略图的页面的素材信息之前,
根据缩略图生成请求对所述待生成缩略图的页面的素材信息进行预处理,预处理包括对所述素材信息进行增加、删除和修改中的一种或多种;
并将预处理后的素材信息作为缩略图生成请求对应的待生成缩略图的页面的素材信息。
在本发明的实施例中,缩略图具有页面实例标识,当待生成缩略图的页面的素材信息发生变更时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
在本发明的又一个实施例中,缩略图具有页面实例标识,当缩放比例不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
在本发明的再一个实施例中,缩略图具有页面实例标识,当缩略图的显示颜色与页面的显示颜色不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
根据本发明实施例的技术方案,生成缩略图的装置400还可以包括缩略图存储模块(图中未示出),用于在根据拼装得到的对象生成图片格式的缩略图之后,
将缩略图上传至云存储系统,并将缩略图在云存储系统中的存储地址与页面实例标识关联保存至数据表中。
根据本发明实施例的技术方案,通过获取待生成缩略图的页面的素材信息,根据素材信息中的素材存储位置获取一个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材坐标和素材大小生成流式文件以进行拼装,其中,素材位置坐标和素材大小是根据素材与页面的相对比例来设置的,然后根据拼装得到的对象生成图片格式的缩略图,可以实现将待生成缩略图的页面的素材进行动态拼装,并生成图片格式的缩略图,无需对每个素材的大小进行调整,且避免了由于页面重复开发而带来的缺陷,从而使得开发工作量大大减少,提升了灵活性,并且,当需要获取页面的缩略图时,也可以免去加载、缓存的浏览过程,加载时间也大大缩短,减少了用户的等待时间。
图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所述的方法,其特征在于,根据拼装得到的对象生成图片格式的缩略图包括:
对拼装得到的对象,通过文件输出流语句生成图片格式的缩略图。
3.根据权利要求1所述的方法,其特征在于,获取待生成缩略图的页面的素材信息之前,还包括:
根据缩略图生成请求对所述待生成缩略图的页面的素材信息进行预处理,所述预处理包括对所述素材信息进行增加、删除和修改中的一种或多种;
并将预处理后的素材信息作为所述缩略图生成请求对应的待生成缩略图的页面的素材信息。
4.根据权利要求1-3中任一所述的方法,其特征在于,所述缩略图具有页面实例标识,当待生成缩略图的页面的素材信息发生变更时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
5.根据权利要求1-3中任一所述的方法,其特征在于,所述缩略图具有页面实例标识,当所述缩放比例不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
6.根据权利要求1-3中任一所述的方法,其特征在于,所述缩略图具有页面实例标识,当所述缩略图的显示颜色与所述页面的显示颜色不同时,则生成新的页面实例标识,并通过生成的页面实例标识来标识生成的缩略图。
7.根据权利要求1所述的方法,其特征在于,根据拼装得到的对象生成图片格式的缩略图之后,还包括:
将所述缩略图上传至云存储系统,并将所述缩略图在云存储系统中的存储地址与页面实例标识关联保存至数据表中。
8.一种生成缩略图的装置,其特征在于,包括:
素材获取模块,用于获取待生成缩略图的页面的素材信息,所述素材信息包括素材存储位置、素材位置坐标和素材大小,且所述素材位置坐标和所述素材大小是根据素材与所述页面的相对比例来设置的;
素材拼装模块,用于根据所述素材存储位置获取每个素材的素材内容,并将所有素材的素材内容根据设定的缩放比例、每个素材的素材位置坐标和素材大小生成流式文件以进行拼装;
图片生成模块,用于根据拼装得到的对象生成图片格式的缩略图。
9.一种生成缩略图的电子设备,其特征在于,包括:
一个或多个处理器;
存储装置,用于存储一个或多个程序,
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7中任一所述的方法。
10.一种计算机可读介质,其上存储有计算机程序,其特征在于,所述程序被处理器执行时实现如权利要求1-7中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911191238.6A CN111179164A (zh) | 2019-11-28 | 2019-11-28 | 一种生成缩略图的方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201911191238.6A CN111179164A (zh) | 2019-11-28 | 2019-11-28 | 一种生成缩略图的方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111179164A true CN111179164A (zh) | 2020-05-19 |
Family
ID=70655450
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201911191238.6A Pending CN111179164A (zh) | 2019-11-28 | 2019-11-28 | 一种生成缩略图的方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111179164A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111985969A (zh) * | 2020-08-19 | 2020-11-24 | 北京豆萌信息技术有限公司 | 媒体信息展示方法、装置、设备及计算机存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1612129A (zh) * | 2003-10-29 | 2005-05-04 | 英业达股份有限公司 | 电子文件显示处理方法及系统 |
CN101110070A (zh) * | 2006-07-20 | 2008-01-23 | 天津津科电子系统工程有限公司 | 在手持阅读设备上阅读大幅固定版面的流式显示方法 |
CN103425699A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 获取网页的方法、设备和系统 |
CN103930930A (zh) * | 2011-06-29 | 2014-07-16 | 苹果公司 | 固定布局电子出版物 |
-
2019
- 2019-11-28 CN CN201911191238.6A patent/CN111179164A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1612129A (zh) * | 2003-10-29 | 2005-05-04 | 英业达股份有限公司 | 电子文件显示处理方法及系统 |
CN101110070A (zh) * | 2006-07-20 | 2008-01-23 | 天津津科电子系统工程有限公司 | 在手持阅读设备上阅读大幅固定版面的流式显示方法 |
CN103930930A (zh) * | 2011-06-29 | 2014-07-16 | 苹果公司 | 固定布局电子出版物 |
CN103425699A (zh) * | 2012-05-24 | 2013-12-04 | 腾讯科技(深圳)有限公司 | 获取网页的方法、设备和系统 |
Non-Patent Citations (2)
Title |
---|
""img 图片自动适应div的方法"", Retrieved from the Internet <URL:https://blog.csdn.net/qq_31404277/article/details/84894652> * |
梦工场科技集团: "《UI设计》", pages: 151 * |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111985969A (zh) * | 2020-08-19 | 2020-11-24 | 北京豆萌信息技术有限公司 | 媒体信息展示方法、装置、设备及计算机存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107832045B (zh) | 跨编程语言接口转换的方法和装置 | |
CN109683998B (zh) | 国际化实现方法、装置和系统 | |
CN109189841B (zh) | 一种多数据源访问方法及系统 | |
CN110020329B (zh) | 用于生成网页的方法、装置和系统 | |
CN113382083B (zh) | 一种网页截图方法和装置 | |
CN111294395A (zh) | 一种终端页面传输方法、装置、介质和电子设备 | |
CN112818026A (zh) | 数据整合方法和装置 | |
CN107329981B (zh) | 页面检测的方法和装置 | |
CN114756228A (zh) | 页面处理方法、装置、设备及存储介质 | |
CN110647327B (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
CN111179164A (zh) | 一种生成缩略图的方法和装置 | |
CN113452733A (zh) | 文件下载方法和装置 | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN112486482A (zh) | 一种页面展示方法和装置 | |
CN112445394A (zh) | 一种截图方法和装置 | |
CN111753226A (zh) | 一种页面加载方法和装置 | |
CN109710604A (zh) | 数据处理方法、装置、系统、计算机可读存储介质 | |
CN114255084A (zh) | 一种广告页面展示方法、装置及系统 | |
CN114896244A (zh) | 配置数据库表的方法、装置、设备和计算机可读介质 | |
CN113656041A (zh) | 数据处理方法、装置、设备及存储介质 | |
CN112926294A (zh) | 一种模板文件的生成方法和装置 | |
CN110858240A (zh) | 一种前端模块加载方法和装置 | |
CN112784195A (zh) | 一种页面数据发布方法和系统 | |
US20150261733A1 (en) | Asset collection service through capture of content | |
CN110874302A (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 |