CN112115392B - 图像显示方法、装置、电子设备以及可读存储介质 - Google Patents

图像显示方法、装置、电子设备以及可读存储介质 Download PDF

Info

Publication number
CN112115392B
CN112115392B CN202010833376.6A CN202010833376A CN112115392B CN 112115392 B CN112115392 B CN 112115392B CN 202010833376 A CN202010833376 A CN 202010833376A CN 112115392 B CN112115392 B CN 112115392B
Authority
CN
China
Prior art keywords
image
displayed
resolution
container
difference value
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.)
Active
Application number
CN202010833376.6A
Other languages
English (en)
Other versions
CN112115392A (zh
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 QIYI Century Science and Technology Co Ltd
Original Assignee
Beijing QIYI Century Science and 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 QIYI Century Science and Technology Co Ltd filed Critical Beijing QIYI Century Science and Technology Co Ltd
Priority to CN202010833376.6A priority Critical patent/CN112115392B/zh
Publication of CN112115392A publication Critical patent/CN112115392A/zh
Application granted granted Critical
Publication of CN112115392B publication Critical patent/CN112115392B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Controls And Circuits For Display Device (AREA)

Abstract

本发明实施例提供一种图像显示方法、装置、电子设备以及可读存储介质，旨在提高图像显示的流畅度。其中，所述图像显示方法应用于图像显示终端，所述图像显示方法包括：在与显示主线程相异的线程中，执行以下步骤：获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；将所述调整后的待显示图像传输至所述显示主线程，以通过所述显示主线程对所述调整后的待显示图像进行显示。

Description

图像显示方法、装置、电子设备以及可读存储介质
技术领域
本发明涉及互联网技术领域，特别是涉及一种图像显示方法、装置、电子设备以及可读存储介质。
背景技术
在互联网技术领域，服务端为了向多个用户提供信息以服务于各个终端，通常将网页作为向用户展示信息、提供服务的主要方式。具体地，用户的终端从服务端获得网页文件，然后终端通过一个显示主线程显示网页文件中的各种资源，例如文字、图像、超链接、表格、表单等资源。
其中，由于图像更具观看性和趣味性，也更容易直观地将信息传递给用户，因此在满足业务需求和具有充足的图像支持的情况下，服务端通常会在网页文件中布置较多的图像资源，使得终端在解析网页文件后可以将这些图像显示给用户。例如电商服务端会将每个商品的图片作为图像资源布置在网页文件中，又例如音视频媒体服务端会将推荐视频的摘要图作为图像资源布置在网页文件中，再例如新闻服务端会将新闻照片作为图像资源布置在网页文件中。
相关技术中，通常通过图像容器显示图像，然而图像容器的分辨率通常与待显示图像的分辨率存在较大差异。具体体现为：图像容器的宽度和长度通常是固定值，而图像的长度和宽度经常不等于图像容器的长度和宽度。因此终端的显示主线程在显示网页文件中的图像资源时，需要对图像的长度和宽度进行调整，使得调整后的图像的长度和宽度刚好等于图像容器的长度和宽度，再利用图像容器显示该调整后的图像。但是由于在调节图像的长度和宽度时，需要消耗较长时间，因此容易导致网页中的图像在显示时产生卡顿的现象，影响用户的浏览体验。
发明内容
本发明实施例的目的在于提供一种图像显示方法、装置、电子设备以及可读存储介质，旨在提高图像显示的流畅度。具体技术方案如下：
在本发明实施例的第一方面，提供了一种图像显示方法，所述方法适用于图像显示终端，所述方法包括：
在与显示主线程相异的线程中，执行以下步骤：
获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；
判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；
在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；
将所述调整后的待显示图像传输至所述显示主线程，以通过所述显示主线程对所述调整后的待显示图像进行显示。
在本发明实施例的第二方面，提供了一种图像显示装置，应用于图像显示终端，所述装置包括：
异步线程模块，用于获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；将所述调整后的待显示图像传输至显示主线程模块；
所述显示主线程模块，用于对所述调整后的待显示图像进行显示。
在本发明实施例的第三方面，还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现本发明实施例的第一方面所述的方法步骤。
在本发明实施的又一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述任一所述的图像显示方法。
在本发明实施的又一方面，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述任一所述的图像显示方法。
本发明中，通过与显示主线程相异的线程，获得待显示图像和该待显示图像对应的图像容器的分辨率信息，判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；并在差值超过所述预设差值的情况下，调整待显示图像的分辨率，使得调整后的待显示图像的分辨率与图像容器的分辨率之间的差值，不超过所述预设差值；然后将尺寸调整后的待显示图像送入显示主线程，以通过显示主线程对尺寸调整后的待显示图像进行显示。如此，显示主线程所接收到的待显示图像的分辨率是图像容器的分辨率基本一致，显示主线程不需要再对待显示图像进行调整，因此显示主线程可以更多地用于执行图像显示的其他逻辑，从而整体上提高图像显示效率，进而提升图像显示的流畅度，提升用户浏览体验。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1是本发明一实施例提出的图像显示方法的流程图；
图2是本发明一实施例提出的图像显示方法的示意图；
图3(a)是本发明一实施例提出的图像显示装置的示意图；
图3(b)是本发明另一实施例提出的图像显示装置的示意图；
图4是本发明一实施例提出的电子设备的示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行描述。
相关技术中，终端通常通过图像容器显示图像，然而图像容器的分辨率通常与待显示图像的分辨率存在较大差异。具体体现为：图像容器的宽度和长度通常是固定值，而图像的长度和宽度经常不等于图像容器的长度和宽度，因此终端的显示主线程在显示网页文件中的图像资源时，需要对图像的长度和宽度进行调整，使得调整后的图像的长度和宽度刚好等于图像容器的长度和宽度，再利用图像容器显示该调整后的图像。但是由于在调节图像的长度和宽度时，需要消耗较长时间，因此容易导致网页中的图像在显示时产生卡顿的现象，影响用户的浏览体验。
为了提高图像显示的流畅度，参考图1和图2，图1是本发明一实施例提出的图像显示方法的流程图，该方法应用于图像显示终端。图2是本发明一实施例提出的图像显示方法的示意图。如图1所示，在与显示主线程相异的线程中，执行以下步骤：
步骤S11：获得待显示图像和所述待显示图像对应的图像容器的分辨率信息。
其中，图像容器是指：终端展示的页面上用于显示图像的区域。待显示图像对应的图像容器是指：用于显示该待显示图像的图像容器。
在本发明的一些实施方式中，为了获得待显示图像和相应图像显示容器的分辨率信息，具体地，可以从网页文件解析程序截获待显示图像和相应图像显示容器的分辨率信息。其中，网页文件解析程序是用于对网页文件进行解析的程序模块，当终端从服务端获取到网页文件后，终端的网页文件解析程序开始对网页文件进行解析。相关技术中，网页文件解析程序在解析出网页文件中包含的待显示图像时，将待显示图像送入用于图像显示的显示主线程，以通过显示主线程对待显示图像进行分辨率调整和显示。本发明中，预先截获待显示图像和图像容器的分辨率信息，使得显示主线程不能直接从网页文件解析程序获得待显示图像。具体地，步骤S11包括以下子步骤：
子步骤S11-1：在所述网页文件解析程序对网页文件进行解析期间，当解析到所述网页文件中包括的图像容器时，截获所述网页文件解析程序所解析出的所述图像容器的分辨率信息；
子步骤S11-2：当所述网页文件解析程序访问所述图像容器对应的URL以获得所述图像容器对应的待显示图像时，截获所述网页文件解析程序所获得的所述待显示图像。
其中，网页文件中包括一个或多个图像容器，每个图像容器在网页文件中呈现为一串代码。为便于理解，例如一个图像容器的代码形如<div_id＝“item”style＝“width:200px；height:300px”>，其中div指图像容器，图像容器的标识(div_id)为item，图像容器的分辨率信息为：宽度等于200像素、高度等于300像素。当网页文件解析程序解析到该图像容器时，获得该图像容器的分辨率信息，上述与显示主线程相异的线程，可以截获到该图像容器的分辨率信息。
此外，网页文件中的每个图像容器还对应一个URL(统一资源定位符uniformresource locator)，一个图像容器所对应的URL即是该图像容器需要显示的待显示图像的地址。网页文件解析程序在解析到一个图像容器时，可以通过访问该图像容器对应的URL，以获得该图像容器对应的待显示图像。当网页文件解析程序获得图像容器对应的待显示图像时，上述与显示主线程相异的线程，可以截获到该待显示图像。
如图2所示，本发明在具体实现时，上述与显示主线程相异的线程中设置有AOP模块，AOP模块是面向切面编程(Aspect Oriented Programming,AOP)的模块。本发明可以通过该AOP模块，在显示主线程获得待显示图像之前，网页文件解析程序截获待显示图像。
步骤S12：判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值。
本发明中，通过判断待显示图像的分辨率和图像容器的分辨率的差值是否超过预设差值，以确定是否需要调整待显示图像的分辨率，如图2所示。其中，如果差值超过预设差值，则需要调整待显示图像的分辨率。否则，则不需要调整待显示图像的分辨率。
本发明在具体实现时，在判断待显示图像的分辨率和图像容器的分辨率的差值是否超过预设差值时，具体地，判断所述待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值是否超过第一预设差值，和/或，判断所述待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值是否超过第二预设差值。
为便于理解，假设第一预设差值为图像容器的水平分辨率的1/10，第二预设差值为图像容器的竖直分辨率的1/10。假设图像容器的水平分辨率为200像素，竖直分辨率为300像素，则第一预设差值等于20像素，第二预设差值等于30像素。又假设待显示图像的水平分辨率为210像素，竖直分辨率为340像素。则待显示图像的水平分辨率和图像容器的水平分辨率的第一差值等于10像素，小于第一预设差值。待显示图像的竖直分辨率和图像容器的竖直分辨率的第二差值等于40像素，超过了第二预设差值。
需要说明的是，预设差值除了可以是图像容器尺寸的一定比例(例如第一预设差值为图像容器的水平分辨率的1/10，第二预设差值为图像容器的竖直分辨率的1/10)，预设差值也可以是固定的分辨率数值，例如第一预设差值为N像素，第一预设差值为M像素，N和M均为预设的大于0的自然数。
如前所述，在本发明的一些实施方式中，可以通过从显示主线程截获的方式，截获待显示图像和相应图像容器的分辨率信息。
本发明在具体实现时，上述与主线程相异的线程截获到待显示图像时，同时可以获得待显示图形所附带的水平分辨率和竖直分辨率。如此，该线程可以将待显示图像的水平分辨率与图像容器的水平分辨率进行比较，将待显示图像的竖直分辨率与图像容器的竖直分辨率进行比较。如果待显示图像的水平分辨率与图像容器的水平分辨率之间的差值小于第一预设差值、且待显示图像的竖直分辨率与图像容器的竖直分辨率之间的差值小于第二预设差值，则确定待显示图像的分辨率与图像容器的分辨率基本一致，可以不调整待显示图像的分辨率。否则，需要调整待显示图像的分辨率，如图2所示。
步骤S13：在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值。
本发明在具体实现时，在所述第一差值超过所述第一预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值，不超过所述第一预设差值。在所述第二差值超过所述第二预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值，不超过所述第二预设差值。
示例地，在所述第一差值超过所述第一预设差值的情况下，对所述待显示图像进行调整时，可以将所述待显示图像的水平分辨率调整为等于所述图像容器的水平分辨率。
示例地，所述在所述第二差值超过所述第二预设差值的情况下，对所述待显示图像进行调整时，可以将所述待显示图像的竖直分辨率调整为等于所述图像容器的竖直分辨率。
在本发明的一些实施方式中，上述与显示主线程相异的线程，可以是该显示主线程所对应的异步线程。如图2所示，该线程在调整待显示图像的分辨率时，相当于对待显示图像进行异步绘制，即通过异步线程对待显示图像进行重绘。
具体地，该线程可以以图像容器的分辨率为目标，对待显示图像进行缩放，使得缩放后的待显示图像的水平分辨率等于图像容器的水平分辨率，缩放后的待显示图像的竖直分辨率等于图像容器的竖直分辨率。
示例地，假设待显示图像的水平分辨率为205像素，竖直分辨率为310像素，而该待显示图像的图像容器的水平分辨率为200像素，竖直分辨率为300像素。通过图像上采样或图像下采样等手段对待显示图像进行缩放，使得缩放后的待显示图像的水平分辨率等于200像素，竖直分辨率等于300像素。
相关技术中，由于服务端向终端提供的待显示图像的分辨率，虽然与待显示图像对应的图像容器的分辨率具有差异，但是该差异通常很小，特别是待显示图像的长宽比与图像容器之间的长宽比之间的差距很小，因此本发明中即使将待显示图像的分辨率缩放为图像容器的分辨率，也不会造成明显的图像变形，不影响用户浏览。其中，长宽比是指：水平分辨率与竖直分辨率的比值。
考虑到在一些意外的情况下，从服务端获得的待显示图像的长宽比可能与该待显示图像的图像容器的长宽比之间具有较大差异。在此情况下，如果将待显示图像的分辨率缩放至图像容器的分辨率，将使得缩放后的待显示图像发生较明显的变形，影响用户浏览。
为此，在本发明的一些实施例中，在调整待显示图像的分辨率之前，还可以预先确定待显示图像的长宽比和该待显示图像对应的图像容器的长宽比；在该待显示图像的长宽比和该图像容器的长宽比之间的差距超过预设差距的情况下，对该待显示图像进行剪裁，使得剪裁后的待显示图像的长宽比与该图像容器的长宽比之间的差距，小于或等于所述预设差距。
其中，待显示图像的长宽比和图像容器的长宽比之间的差距超过预设差距，可以理解为：待显示图像的长宽比与图像容器的长宽比之间的差值的绝对值，超过预设差值。为了便于理解，假设预设差值为0.05，待显示图像的长宽比为220:305，即220/305，图像容器的长宽比为200:300，即200/300。则待显示图像的长宽比与图像容器的长宽比之间的差值的绝对值等于|220/305-200/300|，即0.055。由于0.055大于预设差值0.5，因此确定待显示图像的长宽比与图像容器的长宽比之间的差值的绝对值，超过预设差值。换言之，待显示图像的长宽比和图像容器的长宽比之间的差距超过预设差距。
或者，待显示图像的长宽比和图像容器的长宽比之间的差距超过预设差距，可以理解为：待显示图像的长宽比与图像容器的长宽比之间的比值，超出预设比值区间。为了便于理解，假设预设比值区间为[0.95,1.05]，待显示图像的长宽比为220:305，即220/305，图像容器的长宽比为200:300，即200/300。则待显示图像的长宽比与图像容器的长宽比之间的比值等于(220/305)/(200/300),即1.056。由于1.056超出了预设比值区间[0.95,1.05]，因此确定待显示图像的长宽比与图像容器的长宽比之间的比值，超出预设比值区间。换言之，待显示图像的长宽比和图像容器的长宽比之间的差距超过预设差距。
在待显示图像的长宽比和图像容器的长宽比之间的差距超过预设差距的情况下，该待显示图像进行剪裁时，可以直接以图像容器的长宽比为目标从而对待显示图像进行剪裁，使得剪裁后的待显示图像的长宽比等于图像容器的长宽比。如此，剪裁后的待显示图像的长宽比与图像容器之间的长宽比之间的差距等于0，小于预设差距。
为了便于理解，假设待显示图像的宽度为220像素，长度为305像素，图像容器的宽度为200像素，长度为300像素，待显示图像的长宽比220/305与图像容器的长宽比200/300之间的差距大于预设差距。如此，以待显示图像的长度(305像素)为基准，确定在满足长宽比等于200/300的条件下的目标宽度，目标宽度等于305×200/300，即203像素。如此，将宽度等于220像素、高度等于305像素的待显示图像，裁剪为宽度等于203像素、高度等于305像素的待显示图像。
然后针对裁剪后的待显示图像(即宽度等于203像素、高度等于305像素的待显示图像)，以图像容器的尺寸(即宽度等于200像素、高度等于300像素)为目标，对裁剪后的待显示图像进行缩放，使其缩放后的宽度等于200像素，高度等于300像素。
此外，在本发明的另一些实施方式中，还可以通过以下方式，执行上述步骤S13：
在所述差值超过所述预设差值的情况下，按照长宽比不变的方式，对所述待显示图像进行调整，直至所述待显示图像的水平分辨率与所述图像容器的水平分辨率之间的差值，以及所述待显示图像的竖直分辨率与所述图像容器的竖直分辨率之间的差值，均小于所述预设差值。
步骤S14：将所述调整后的待显示图像传输至所述显示主线程，以通过所述显示主线程对所述调整后的待显示图像进行显示。
如前所述，在本发明的一些实施方式中，上述与显示主线程相异的线程，可以通过回调函数，将待输出图像传输至显示主线程。其中，回调函数作为连接上述线程和显示主线程之间的连接模块，用于使上述线程的输出作为显示主线程的输入。
此外，如果在步骤S12中，线程确定不需要调整待显示图像的分辨率，则线程可以直接将该待显示图像送入显示主线程，以通过显示主线程对该待显示图像进行显示。
具体地，如图2所示，线程在确定不需要调整待显示图像的分辨率的情况下，线程可以将该待显示图像作为待输出图像，传输至显示主线程。本发明具体实现时，可以通过回调函数，将待输出图像传输至显示主线程。其中，回调函数作为连接线程和显示主线程之间的连接模块，用于使线程的输出作为显示主线程的输入。
通过执行上述包括步骤S11至步骤S14的图像显示方法，通过与显示主线程相异的线程，判断待显示图像的分辨率和相应图像容器的分辨率的差值是否超过预设差值；并在差值超过预设差值的情况下，调整待显示图像的分辨率，使得调整后的待显示图像的分辨率与图像容器的分辨率之间的差值，不超过所述预设差值；然后将尺寸调整后的待显示图像送入显示主线程，以通过显示主线程对尺寸调整后的待显示图像进行显示。如此，显示主线程所接收到的待显示图像的分辨率是图像容器的分辨率基本一致，显示主线程不需要再对待显示图像进行调整，因此显示主线程可以更多地用于执行图像显示的其他逻辑，从而整体上提高图像显示效率，进而提升图像显示的流畅度，提升用户浏览体验。
基于同一发明构思，本发明一实施例提供一种图像显示装置。参考图3(a)，图3(a)是本发明一实施例提出的图像显示装置的示意图，该图像显示装置应用于图像显示终端。如图3(a)所示，该装置包括：
异步线程模块31，用于获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；将所述调整后的待显示图像传输至显示主线程模块32；
所述显示主线程模块32，用于对所述调整后的待显示图像进行显示。
可选地，所述异步线程模块31具体用于：
在网页文件解析程序对网页文件进行解析期间，当解析到所述网页文件中包括的图像容器时，所述异步线程模块31用于截获所述网页文件解析程序所解析出的所述图像容器的分辨率信息；
当所述网页文件解析程序访问所述图像容器对应的URL以获得所述图像容器对应的待显示图像时，所述异步线程模块31用于截获所述网页文件解析程序所获得的所述待显示图像。
参考图3(b)，图3(b)是本发明另一实施例提出的图像显示装置的示意图。如图3(b)所示，该装置除了包括异步线程模块31和显示主线程模块32以外，还包括网页文件解析程序33，异步线程模块31是网页文件解析程序33中的一个模块。
所述网页文件解析程序33，用于对网页文件进行解析；
在所述网页文件解析程序33解析到所述网页文件中包括的图像容器时，所述异步线程模块31截获所述网页文件解析程序33所解析出的所述图像容器的分辨率信息；
当所述网页文件解析程序33访问所述图像容器对应的URL以获得所述图像容器对应的待显示图像时，所述异步线程模块31截获所述网页文件解析程序33所获得的所述待显示图像。
可选地，所述异步线程模块31在判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值时，具体用于：判断所述待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值是否超过第一预设差值，和/或，判断所述待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值是否超过第二预设差值。
可选地，在所述差值超过所述预设差值的情况下，所述异步线程模块31在调整所述待显示图像的分辨率时，具体用于：
在所述第一差值超过所述第一预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值，不超过所述第一预设差值；
在所述第二差值超过所述第二预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值，不超过所述第二预设差值。
可选地，在所述第一差值超过所述第一预设差值的情况下，所述异步线程模块31在对所述待显示图像进行调整时，具体用于：在所述第一差值超过所述第一预设差值的情况下，将所述待显示图像的水平分辨率调整为等于所述图像容器的水平分辨率；
在所述第二差值超过所述第二预设差值的情况下，所述异步线程模块31在对所述待显示图像进行调整时，具体用于：在所述第二差值超过所述第二预设差值的情况下，将所述待显示图像的竖直分辨率调整为等于所述图像容器的竖直分辨率。
可选地，所述异步线程模块31在调整所述待显示图像的分辨率之前，还用于：确定所述待显示图像的长宽比和所述图像容器的长宽比；在所述待显示图像的长宽比和所述图像容器的长宽比之间的差距超过预设差距的情况下，对所述待显示图像进行剪裁，使得剪裁后的待显示图像的长宽比与所述图像容器的长宽比之间的差距，小于或等于所述预设差距。
可选地，所述异步线程模块31在调整所述待显示图像的分辨率时，具体用于：在所述差值超过所述预设差值的情况下，按照长宽比不变的方式，对所述待显示图像进行调整，直至所述待显示图像的水平分辨率与所述图像容器的水平分辨率之间的差值，以及所述待显示图像的竖直分辨率与所述图像容器的竖直分辨率之间的差值，均小于所述预设差值。
本发明实施例还提供了一种电子设备，如图4所示，包括处理器401、通信接口402、存储器403和通信总线404，其中，处理器401，通信接口402，存储器403通过通信总线404完成相互间的通信，
存储器403，用于存放计算机程序；
处理器401，用于执行存储器403上所存放的程序时，实现如下步骤：
获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；
判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；
在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；
将所述调整后的待显示图像传输至显示主线程，以通过所述显示主线程对所述调整后的待显示图像进行显示。
或者，处理器401在执行存储器403上所存放的程序时，用于实现本发明上述其他方法实施例中的步骤。
上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect，简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture，简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示，图中仅用一条粗线表示，但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory，简称RAM)，也可以包括非易失性存储器(non-volatile memory)，例如至少一个磁盘存储器。可选的，存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(Digital Signal Processing，简称DSP)、专用集成电路(Application SpecificIntegrated Circuit，简称ASIC)、现场可编程门阵列(Field－Programmable Gate Array，简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中，还提供了一种计算机可读存储介质，该计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的图像显示方法。
在本发明提供的又一实施例中，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述实施例中任一所述的图像显示方法。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如，DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等，均包含在本发明的保护范围内。

Claims (8)

1.一种图像显示方法，其特征在于，所述方法适用于图像显示终端，所述方法包括：
在与显示主线程相异的线程中，执行以下步骤：
获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；
判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；
在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；
将所述调整后的待显示图像传输至所述显示主线程，以通过所述显示主线程对所述调整后的待显示图像进行显示；
所述获得待显示图像和所述待显示图像对应的图像容器的分辨率信息的步骤，包括：
在网页文件解析程序对网页文件进行解析期间，当解析到所述网页文件中包括的图像容器时，截获所述网页文件解析程序所解析出的所述图像容器的分辨率信息；
当所述网页文件解析程序访问所述图像容器对应的URL以获得所述图像容器对应的待显示图像时，截获所述网页文件解析程序所获得的所述待显示图像。
2.根据权利要求1所述的方法，其特征在于，所述判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值，包括：
判断所述待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值是否超过第一预设差值，和/或，判断所述待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值是否超过第二预设差值；
所述在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得分辨率调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值，包括：
在所述第一差值超过所述第一预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的水平分辨率和所述图像容器的水平分辨率的第一差值，不超过所述第一预设差值；
在所述第二差值超过所述第二预设差值的情况下，对所述待显示图像进行调整，使得调整后的待显示图像的竖直分辨率和所述图像容器的竖直分辨率的第二差值，不超过所述第二预设差值。
3.根据权利要求2所述的方法，其特征在于，所述在所述第一差值超过所述第一预设差值的情况下，对所述待显示图像进行调整，包括：
在所述第一差值超过所述第一预设差值的情况下，将所述待显示图像的水平分辨率调整为等于所述图像容器的水平分辨率；
所述在所述第二差值超过所述第二预设差值的情况下，对所述待显示图像进行调整，包括：
在所述第二差值超过所述第二预设差值的情况下，将所述待显示图像的竖直分辨率调整为等于所述图像容器的竖直分辨率。
4.根据权利要求1所述的方法，其特征在于，在调整所述待显示图像的分辨率之前，所述方法还包括：
确定所述待显示图像的长宽比和所述图像容器的长宽比；
在所述待显示图像的长宽比和所述图像容器的长宽比之间的差距超过预设差距的情况下，对所述待显示图像进行剪裁，使得剪裁后的待显示图像的长宽比与所述图像容器的长宽比之间的差距，小于或等于所述预设差距。
5.根据权利要求1所述的方法，其特征在于，所述在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值，包括：
在所述差值超过所述预设差值的情况下，按照长宽比不变的方式，对所述待显示图像进行调整，直至所述待显示图像的水平分辨率与所述图像容器的水平分辨率之间的差值，以及所述待显示图像的竖直分辨率与所述图像容器的竖直分辨率之间的差值，均小于所述预设差值。
6.一种图像显示装置，其特征在于，应用于图像显示终端，所述装置包括：
异步线程模块，用于获得待显示图像和所述待显示图像对应的图像容器的分辨率信息；判断所述待显示图像的分辨率和所述图像容器的分辨率的差值是否超过预设差值；在所述差值超过所述预设差值的情况下，调整所述待显示图像的分辨率，使得调整后的待显示图像的分辨率与所述图像容器的分辨率之间的差值，不超过所述预设差值；将所述调整后的待显示图像传输至显示主线程模块；
所述显示主线程模块，用于对所述调整后的待显示图像进行显示；
所述异步线程模块在用于获得所述待显示图像和所述图像容器的分辨率信息时，具体用于：
在网页文件解析程序对网页文件进行解析期间，当解析到所述网页文件中包括的图像容器时，所述异步线程模块用于截获所述网页文件解析程序所解析出的所述图像容器的分辨率信息；
当所述网页文件解析程序访问所述图像容器对应的URL以获得所述图像容器对应的待显示图像时，所述异步线程模块用于截获所述网页文件解析程序所获得的所述待显示图像。
7.一种电子设备，其特征在于，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
存储器，用于存放计算机程序；
处理器，用于执行存储器上所存放的程序时，实现权利要求1－5任一所述的方法步骤。
8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1－5中任一所述的方法。
CN202010833376.6A 2020-08-18 2020-08-18 图像显示方法、装置、电子设备以及可读存储介质 Active CN112115392B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010833376.6A CN112115392B (zh) 2020-08-18 2020-08-18 图像显示方法、装置、电子设备以及可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010833376.6A CN112115392B (zh) 2020-08-18 2020-08-18 图像显示方法、装置、电子设备以及可读存储介质

Publications (2)

Publication Number Publication Date
CN112115392A CN112115392A (zh) 2020-12-22
CN112115392B true CN112115392B (zh) 2023-08-25

Family

ID=73804954

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010833376.6A Active CN112115392B (zh) 2020-08-18 2020-08-18 图像显示方法、装置、电子设备以及可读存储介质

Country Status (1)

Country Link
CN (1) CN112115392B (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115379246A (zh) * 2021-05-21 2022-11-22 北京字节跳动网络技术有限公司 直播视频流播放方法、装置、电子设备及存储介质

Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002149153A (ja) * 2000-11-10 2002-05-24 Canon Inc 画像処理装置、画像処理システム、画像処理方法、及び記憶媒体
CN103336794A (zh) * 2013-06-09 2013-10-02 百度在线网络技术（北京）有限公司 用于在目标页面中提供对应呈现信息的方法与设备
CN104679466A (zh) * 2013-11-29 2015-06-03 腾讯科技（深圳）有限公司 一种图像显示方法、装置及电子设备
CN104732486A (zh) * 2015-03-23 2015-06-24 海信集团有限公司 一种图片的显示方法及装置
CN109165368A (zh) * 2018-07-02 2019-01-08 北京奇艺世纪科技有限公司 网页生成方法、装置及电子设备
CN109801210A (zh) * 2019-01-31 2019-05-24 北京字节跳动网络技术有限公司 图像处理方法、装置、电子设备及计算机可读存储介质
CN110750664A (zh) * 2019-10-15 2020-02-04 腾讯科技（深圳）有限公司 图片的显示方法及装置
CN110969580A (zh) * 2019-12-10 2020-04-07 北京猎豹移动科技有限公司 图像显示方法和装置

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9275118B2 (en) * 2007-07-25 2016-03-01 Yahoo! Inc. Method and system for collecting and presenting historical communication data
GB2574660B (en) * 2018-06-15 2020-07-22 Swiftclass Sa Graphics rendering
CN111176602B (zh) * 2019-12-27 2021-09-28 惠州Tcl移动通信有限公司 图片显示方法、装置、存储介质及智能设备

Patent Citations (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2002149153A (ja) * 2000-11-10 2002-05-24 Canon Inc 画像処理装置、画像処理システム、画像処理方法、及び記憶媒体
CN103336794A (zh) * 2013-06-09 2013-10-02 百度在线网络技术（北京）有限公司 用于在目标页面中提供对应呈现信息的方法与设备
CN104679466A (zh) * 2013-11-29 2015-06-03 腾讯科技（深圳）有限公司 一种图像显示方法、装置及电子设备
CN104732486A (zh) * 2015-03-23 2015-06-24 海信集团有限公司 一种图片的显示方法及装置
CN109165368A (zh) * 2018-07-02 2019-01-08 北京奇艺世纪科技有限公司 网页生成方法、装置及电子设备
CN109801210A (zh) * 2019-01-31 2019-05-24 北京字节跳动网络技术有限公司 图像处理方法、装置、电子设备及计算机可读存储介质
CN110750664A (zh) * 2019-10-15 2020-02-04 腾讯科技（深圳）有限公司 图片的显示方法及装置
CN110969580A (zh) * 2019-12-10 2020-04-07 北京猎豹移动科技有限公司 图像显示方法和装置

Also Published As

Publication number Publication date
CN112115392A (zh) 2020-12-22

Similar Documents

Publication Publication Date Title
CN110120917B (zh) 基于内容的路由方法及装置
US9450803B2 (en) Efficient delivery of content by virtualization of dynamic interaction with the document object model
US10515142B2 (en) Method and apparatus for extracting webpage information
US20170371974A1 (en) Method for loading webpage, client and programmable device
US10754900B2 (en) Access to network content
US20140325323A1 (en) Online video playing method and apparatus and computer readable medium
US20060149726A1 (en) Segmentation of web pages
CN113382083B (zh) 一种网页截图方法和装置
CN107918619B (zh) 广告展示方法和装置
US20140095579A1 (en) System and method for increasing web site serving performance
CN111368235A (zh) 页面渲染和展示方法、装置、服务器、存储介质
EP3080722B1 (en) Web page rendering on wireless devices
CN112115392B (zh) 图像显示方法、装置、电子设备以及可读存储介质
CN112269959A (zh) 展示内容的控制方法、装置、可读介质和电子设备
CN111324836B (zh) 一种页面的处理方法、装置、计算机设备和存储介质
US20160154774A1 (en) Efficient delivery of content by virtualization of static interaction with the document object model
CN114969611A (zh) 网页打印方法、装置、设备及介质
CN114417226A (zh) 页面生成方法、显示方法、装置、电子设备和存储介质
CN114297544A (zh) 一种远程浏览方法、装置、设备及存储介质
CN112653736B (zh) 一种并行回源方法、装置及电子设备
CN115017428A (zh) 一种信息显示方法、装置、系统及存储介质
CN113094612A (zh) 客户端加载网页的方法、装置、电子设备及介质
KR20040088061A (ko) 터미널 다양성을 다루기 위한 스타일시트 업로딩
US20080297521A1 (en) System and method for providing skins for a web page
CN111339461A (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
GR01 Patent grant
GR01 Patent grant