一种图片呈现方法及装置的制造方法_2

文档序号:9742650阅读:来源:国知局
当前显示图片的图片容器进行适应性缩放调整,以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。
[0039]本申请实施例的再一丰要思想:
[0040]下述本申请实施例中,终端的主要思想在于,至少包括显示器和处理器,显示器用于显示图片,所述处理器用于获取针对当前显示图片设置的缩放比例,对所述当前显示图片进行缩放调整;以及用于对所述当前显示图片的图片容器进行适应性缩放调整,以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。
[0041]下述本申请实施例的技术方案可以针对原图片的尺寸比如高或者宽,或者高和宽大于显示器屏幕分辨的情形,需对原图进行处理以缩略图形式显示的情形也可以适用于基于实际的需求,需对原图进行处理以缩略图形式显示的各种情形,详细不再一一赘述。
[0042]下述本申请实施例的技术方案可以适用于对终端本地的图片进行呈现,也可以适用于通过因特网浏览的远程图片进行呈现。
[0043]下述本申请实施例的技术方案,可以以第三方插件的形式供下载安装,或者直接集成到终端的操作系统中。
[0044]方法实施例
[0045]图1为本申请一实施例图片呈现方法流程示意图;如图1所示,本实施例中,其可以包括:
[0046]101、获取针对当前显示图片设置的缩放比例,对所述当前显示图片进行缩放调整;
[0047]本实施例中,所述当前显示图片包括:所述当前显示图片对应原图的整体缩略图。以放大图片为例,如前所述,比如对于原图的尺寸宽、高、宽和高大于显示器的屏幕尺寸,在显示器上无法对原图进行直接显示,而只能对其对应整体缩略图进行显示,针对诸如类似无论哪种原因导致地以缩略图形式进行显示的情形。此时,如果要查看原图大小,需要借助系统默认图片工具的快捷键或者第三方图片工具手动进行放大比例的调整,根据设定的放大比例比如100%完整打开,对所述当前图片进行放大调整。
[0048]优选地,本实施例中,在对所述当前显示图片进行缩放调整可以包括:对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理,以对所述当前显示图片进行缩放调整。具体地,其实现可以利用双线性内插算法过程如下:
[0049]调用图像缩放一双线性内插值算法原理,对于一个目的像素,设置坐标通过反向变换得到的浮点坐标为(i+u, j+v),其中1、j均为浮点坐标的整数部分,U、V为浮点坐标的小数部分,是取值[0,1]区间的浮点数,则这个像素的像素值f(i+u,j+v)可由原图像中坐标为(i,j)、(i+1,j)、(i,j+1)、(i+1, j+1)所对应的周围四个像素的值决定,即:f (i+u, j+v) = (1-u) (1-v) f (i, j) + (1-u) vf (i, j+1) +u (1-v) f (i+1, j) +uvf (i+1, j+1),其中f(i, j)表示原图(i,j)处的像素值,以此类推,调用算法以原图的像素坐标最大值状态呈100%完整打开。
[0050]图像放大的具体实现算法不局限于上述双线性内插算法,也可以利用最临近插值算法,其包括:根据原图像和目标图像的尺寸,计算缩放的比例,然后根据缩放比例计算目标像素所依据的原像素,过程中自然会产生小数,这时就采用四舍五入,取与这个点最相近的点,详细不再赘述。
[0051]102、根据针对当前显示图片设置的缩放比例,对所述当前显示图片的图片容器进行适应性缩放调整。
[0052]本实施例中,直接根据对当前显示图片设置的缩放比例,对所述当前显示图片的图片容器的尺寸进行适应性调整,比如,如果是按照上述100%完整呈现缩略图对应的原图的话,则对图片容器尺寸的放大可以实现对原图的100%呈现即可,确保原图上不存在任何遮挡的内容。对于缩小的情形类似,详细不再赘述。具体对图片容器的缩放可以利用CSS3、js、HTML5或jQuery实现,以jQuery代码实现为例:
[0053]$ (funct1n () {
[0054]var w = $ ("#demol").width () -J/ 容器宽度
[0055]$ (〃#demolimg〃).each (funct1n () {// 如果有很多图片,我们可以使用 each()遍历
[0056]var img_w = $ (this).width () ;//图片宽度
[0057]var img_h = $ (this).height () ;// 图片高度
[0058]if (img_w>w) {//如果图片宽度超出容器宽度
[0059]var height = (w*img_h)/img_w ;//高度等比缩放
[0060]$(this).css({〃width〃:w, 〃height〃:height}) ;// 设置缩放后的宽度和高度
[0061]}
[0062]});
[0063]}) ο
[0064]在上述实施例中,如果同时基于针对当前显示图片设置的缩放比例,对当前图片和其容器进行调整,步骤101和步骤102之间并没有严格的时序关系,比如,步骤102也可以在步骤101之前,步骤101和步骤102也可以同步进行。
[0065]图2本申请另一实施例图片呈现方法流程示意图;如图2所示,本实施例中,其可以包括:
[0066]201、获取针对当前显示图片设置的缩放比例,对所述当前显示图片进行缩放调整;
[0067]本实施例中,步骤201的详细情形可参见上述图1所示的实施例,在此不再赘述。
[0068]202、根据缩放调整后的所述当前显示图片,对所述当前显示图片的图片容器进行适应性缩放调整。
[0069]与上述图1实施例不同的是,本实施例中,并不是根据缩放比例,即对图片进行缩放调整,又对图片容器进行尺寸调整,而是基于缩放调整后的所述当前显示图片,对图片容器进行尺寸调整。如果放大调整后的所述当前图片存在被遮挡内容,或者,缩小调整后的所述当前图片相对于图片容器尺寸较小,即可启动步骤202进行相应的放大或者缩小调整。
[0070]有关图片容器的缩放可参见上述图1有关记载,详细不再赘述。
[0071]为了直观提供缩放操作,在上述图1和图2的基础上,还可以在向所述当前显示图片加载缩放控件,根据对缩放控件的操作事件,获取当前显示图片设置的缩放比例,比如以常用的右键操作习惯来设置该缩放控件,缩放控件的个数可以常用的缩放比例来进行设置,比如适用于屏幕或100%原图呈现。
[0072]装置实施例
[0073]图3为本申请再一实施例图片呈现装置结构示意图;如图3所示,本实施例中,其至少包括如下模块:
[0074]第一缩放单元301,用于获取针对当前显示图片设置的缩放比例,对所述当前显示图片进行缩放调整;
[0075]本实施例中,所述当前显示图片包括:所述当前显示图片对应原图的整体缩略图。
[0076]本实施例中,所述第一缩放单元301进一步用于对所述当前显示图片的像素及其周围相邻若干个像素的像素值进行浮点转换并根据得到浮点坐标进行线性差值处理,以对所述当前显示图片进行缩放调整。
[0077]本实施例中,所述第一缩放单元301进一步用于获取针对当前显示图片设置的缩放比例包括为在显示界面中按照100%方式显示当前显示图片所设置的缩放比例。
[0078]本实施例中,所述第一缩放单元301进一步用于向所述当前显示图片加载一缩放控件,根据对缩放控件的操作事件,获取当前显示图片设置的缩放比例。
[0079]第二缩放单元302,用于根据针对当前显示图片设置的缩放比例,对所述当前显示图片的图片容器进行适应性缩放调整,以在缩放调整后的所述图片容器中容纳缩放调整后的所述当前显示图片。
[0080]图4为本申请又一实施例图片呈现装置结构示意图;如图4所示,本实施例中,其至少包括如下模块:
[0081]第三缩放单元401用于获取针对当前显示图片设置的缩放比例,对所述当前显示图片进行缩放调整;
当前第2页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1