网页中图片的显示方法和装置制造方法及图纸

技术编号:10145767 阅读:210 留言:0更新日期:2014-06-30 15:46
本公开是关于一种网页中图片的显示方法和装置,属于网络技术领域。所述方法包括:当接收到显示网页的指令时,获取每张图片的属性信息,属性信息至少包括图片对应的显示区域和图片的文本;判断显示区域内是否能够完整显示文本;当显示区域内不能完整显示文本时,将文本的字体缩小为预设字体;在网页中图片对应的显示区域内显示预设字体的文本。本发明专利技术通过判断该显示区域内是否能够完整显示该文本,当该显示区域内不能完整显示该文本时,将字体缩小为预设字体再进行显示,能够在该显示区域内尽可能多地显示文本中的字符,避免了由于截取过多字符而导致的信息遗漏和不连续显示,保证了文本的连续性和清晰度。

【技术实现步骤摘要】
【专利摘要】本公开是关于一种网页中图片的显示方法和装置,属于网络
。所述方法包括:当接收到显示网页的指令时,获取每张图片的属性信息,属性信息至少包括图片对应的显示区域和图片的文本;判断显示区域内是否能够完整显示文本;当显示区域内不能完整显示文本时,将文本的字体缩小为预设字体;在网页中图片对应的显示区域内显示预设字体的文本。本专利技术通过判断该显示区域内是否能够完整显示该文本,当该显示区域内不能完整显示该文本时,将字体缩小为预设字体再进行显示,能够在该显示区域内尽可能多地显示文本中的字符,避免了由于截取过多字符而导致的信息遗漏和不连续显示,保证了文本的连续性和清晰度。【专利说明】网页中图片的显示方法和装置
本公开是关于网络
,具体来说是关于网页中图片的显示方法和装置。
技术介绍
随着互联网信息的多样化,网页中可能会包含很多图片,由于图片的数据量很大,手机或者平板电脑等终端在加载图片时需要消耗过多的流量和时间。而为了减少流量的消耗,提高网页显示的速度,终端可以在显示网页时,以图片名称或图片中的文字等文本代替图片进行显示,最大程度地保留图片的信息。在以图片对应的文本代替该图片进行显示时,可以在图片对应的显示区域内单行显示该文本,当该文本超出了该显示区域的边界时,将超出边界的文本截取掉。在实现本专利技术的过程中,专利技术人发现相关技术存在缺陷,例如:当该文本的字体尺寸较大或包含的文字较多时,会有大部分文本被截取掉,容易遗漏文本中关键的信息或者破坏文本显示的连续性,从而导致文本含义不清晰。
技术实现思路
为了解决相关技术中存在的问题,本公开提供了一种网页中图片的显示方法和装置。所述技术方案如下:根据本公开实施例的第一方面,提供了一种网页中图片的显示方法,所述方法包括:当接收到显示网页的指令时,获取所述网页中每张图片的属性信息,所述属性信息至少包括图片对应的显示区域和图片的文本;判断所述图片对应的显示区域内是否能够完整显示所述图片的文本;当确定所述显示区域内不能完整显示所述文本时,将所述文本的字体缩小为预设字体;在所述网页中所述图片对应的显示区域内显示预设字体的文本。在所述网页中所述图片对应的显示区域内显示预设字体的文本包括:判断所述显示区域内是否能够完整显示所述预设字体的文本;当确定所述显示区域内不能完整显示所述预设字体的文本时,计算所述显示区域的区域高度和所述预设字体的字体高度的商,根据所述区域高度和所述字体高度的商确定所述预设字体的文本的显示行数;根据所述区域宽度和所述显示行数,将所述预设字体的文本划分为多段文本信息,所述多段文本信息的段落数目与所述显示行数相等,且每段文本信息的显示宽度不大于所述区域宽度;在所述显示区域内分行显示所述多段文本信息。根据所述区域宽度和所述显示行数,将所述预设字体的文本划分为多段文本信息包括:计算所述区域宽度与所述字体宽度的商,根据所述区域宽度与所述字体宽度的商确定所述显示区域的一行能够完整显示的字符数目;从所述预设字体的文本中多次提取与所述字符数目对应的字符,构成多段文本信息,直至将所述预设字体的文本全部提取完成,或者直至提取次数达到所述显示行数。从所述预设字体的文本中多次提取与所述字符数目对应的字符,构成多段文本信息,直至将所述预设字体的文本全部提取完成,或者直至提取次数达到所述显示行数包括:计算所述区域宽度与所述显示行数的乘积;判断所述乘积是否大于所述总显示宽度;当所述乘积不大于所述总显示宽度时,从所述预设字体的文本中提取与所述字符数目对应的字符,构成一段文本信息;继续进行提取直至提取次数达到所述显示行数时停止,得到多段文本信息;将所述预设字体的文本中剩余的字符删除,并将提取的最后一个字符替换为指定字符,所述指定字符用于提示当前文本显示不完整。判断所述乘积是否大于所述总显示宽度之后,所述方法还包括:当所述乘积大于所述总显示宽度时,从所述预设字体的文本中提取与所述字符数目对应的字符,构成一段文本信息;继续进行提取直至将所述预设字体的文本全部提取完成,得到多段文本信息。判断所述显示区域内是否能够完整显示所述预设字体的文本包括:计算所述字体宽度和所述文本的字符个数的乘积,得到所述预设字体的文本的总显不览度;判断所述显示区域的区域宽度是否大于所述总显示宽度;当所述区域宽度大于所述总显示宽度时,确定所述显示区域内能够完整显示所述预设字体的文本;或,当所述区域宽度不大于所述总显示宽度时,确定所述显示区域内不能完整显示所述预设字体的文本。判断所述显示区域内是否能够完整显示所述预设字体的文本之后,所述方法还包括:当确定所述显示区域内能够完整显示所述预设字体的文本时,在所述显示区域内单行显示所述预设字体的文本。根据本公开实施例的第二方面,提供了一种网页中图片的显示装置,所述装置包括:信息获取模块,用于当接收到显示网页的指令时,获取所述网页中每张图片的属性信息,所述属性信息至少包括图片对应的显示区域和图片的文本;判断模块,用于判断所述图片对应的显示区域内是否能够完整显示所述图片的文本;字体调整模块,用于当确定所述显示区域内不能完整显示所述文本时,将所述文本的字体缩小为预设字体;显示模块,用于在所述网页中所述图片对应的显示区域内显示预设字体的文本。所述显示模块包括:判断单元,用于判断所述显示区域内是否能够完整显示所述预设字体的文本;行数计算单元,用于当确定所述显示区域内不能完整显示所述预设字体的文本时,计算所述显示区域的区域高度和所述预设字体的字体高度的商,根据所述区域高度和所述字体高度的商确定所述预设字体的文本的显示行数;分段单元,用于根据所述区域宽度和所述显示行数,将所述预设字体的文本划分为多段文本信息,所述多段文本信息的段落数目与所述显示行数相等,且每段文本信息的显示宽度不大于所述区域宽度;分行显示单元,用于在所述显示区域内分行显示所述多段文本信息。所述分段单元包括:字符数目确定子单元,用于计算所述区域宽度与所述字体宽度的商,根据所述区域宽度与所述字体宽度的商确定所述显示区域的一行能够完整显示的字符数目;字符提取子单元,用于从所述预设字体的文本中多次提取与所述字符数目对应的字符,构成多段文本信息,直至将所述预设字体的文本全部提取完成,或者直至提取次数达到所述显示行数。所述字符提取子单元用于计算所述区域宽度与所述显示行数的乘积;判断所述乘积是否大于所述总显示宽度;当所述乘积不大于所述总显示宽度时,从所述预设字体的文本中提取与所述字符数目对应的字符,构成一段文本信息;继续进行提取直至提取次数达到所述显示行数时停止,得到多段文本信息;将所述预设字体的文本中剩余的字符删除,并将提取的最后Iv子符替换为指定子符,所述指定子符用于提不当如文本显不不完整。所述字符提取子单元还用于当所述乘积大于所述总显示宽度时,从所述预设字体的文本中提取与所述字符数目对应的字符,构成一段文本信息;继续进行提取直至将所述预设字体的文本全部提取完成,得到多段文本信息。所述判断单元包括:总宽度计算子单元,用于计算所述字体宽度和所述文本的字符个数的乘积,得到所述预设字体的文本的总显示宽度;宽度判断子单元,用于判断所述显示区域的区域宽度是否大于所述总显示宽度;第一确定子单元,用于当所述区域宽度大于所本文档来自技高网...

【技术保护点】
一种网页中图片的显示方法,其特征在于,所述方法包括:当接收到显示网页的指令时,获取所述网页中每张图片的属性信息,所述属性信息至少包括图片对应的显示区域和图片的文本;判断所述图片对应的显示区域内是否能够完整显示所述图片的文本;当确定所述显示区域内不能完整显示所述文本时,将所述文本的字体缩小为预设字体;在所述网页中所述图片对应的显示区域内显示预设字体的文本。

【技术特征摘要】

【专利技术属性】
技术研发人员:於一飞张少伟左景龙
申请(专利权)人:小米科技有限责任公司
类型:发明
国别省市:北京;11

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1