CN108876748A - 图片展示方法、计算设备及计算机存储介质 - Google Patents
图片展示方法、计算设备及计算机存储介质 Download PDFInfo
- Publication number
- CN108876748A CN108876748A CN201810699353.3A CN201810699353A CN108876748A CN 108876748 A CN108876748 A CN 108876748A CN 201810699353 A CN201810699353 A CN 201810699353A CN 108876748 A CN108876748 A CN 108876748A
- Authority
- CN
- China
- Prior art keywords
- picture
- original image
- canvas
- painting canvas
- size
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 238000010422 painting Methods 0.000 claims abstract description 127
- 230000000694 effects Effects 0.000 claims abstract description 39
- 238000004891 communication Methods 0.000 claims description 22
- 230000001747 exhibiting effect Effects 0.000 claims description 11
- 230000006399 behavior Effects 0.000 claims description 3
- 230000012447 hatching Effects 0.000 abstract description 21
- 230000008569 process Effects 0.000 abstract description 11
- 238000010586 diagram Methods 0.000 description 10
- 239000004744 fabric Substances 0.000 description 6
- 230000000007 visual effect Effects 0.000 description 5
- 230000008901 benefit Effects 0.000 description 4
- 230000002452 interceptive effect Effects 0.000 description 4
- 230000007704 transition Effects 0.000 description 4
- 238000004040 coloring Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000006870 function Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 230000003321 amplification Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 230000007423 decrease Effects 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
- G06T5/90—Dynamic range modification of images or parts thereof
- G06T5/94—Dynamic range modification of images or parts thereof based on local image properties, e.g. for local contrast enhancement
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T5/00—Image enhancement or restoration
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/10—Segmentation; Edge detection
- G06T7/13—Edge detection
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/50—Depth or shape recovery
- G06T7/507—Depth or shape recovery from shading
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T7/00—Image analysis
- G06T7/90—Determination of colour characteristics
Landscapes
- Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Computer Vision & Pattern Recognition (AREA)
- Processing Or Creating Images (AREA)
- Image Processing (AREA)
Abstract
本发明公开了一种图片展示方法、计算设备及计算机存储介质,其中,方法包括:根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在所述背景图片之上进行展示。本发明提出了一种全新的通过图片叠加处理方式实现弥散阴影效果的方案,其实现过程弱化了对复杂的图片处理算法的依赖,简化了处理过程,提高了处理效率。
Description
技术领域
本发明涉及图片展示技术领域,具体涉及一种图片展示方法、计算设备及计算机存储介质。
背景技术
在如今的互联网时代,用户随时都在接收图片信息。与此同时,由于大量图片充斥着屏幕,单一的图片容易造成用户的审美疲劳,不能给用户带来新意,进而无法吸引用户的关注。
现有技术中,为了解决上述问题,在图片展示技术上不断推陈出新,较为典型的是阴影技术,即在展示图片的同时展示阴影效果;进一步,为了体现出图片的深度,而衍生出弥散阴影技术。然而,现有的弥散阴影的效果一般通过复杂的算法来实现,其处理过程复杂,以及处理效率低下。
发明内容
鉴于上述问题,提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的图片展示方法、计算设备及计算机存储介质。
根据本发明的一个方面,提供了一种图片展示方法,包括:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
根据本发明的另一方面,提供了一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
根据本发明的又一方面,提供了一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
一种图片展示方法,包括:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
根据本发明的图片展示方法、计算设备及计算机存储介质,根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在所述背景图片之上进行展示。由此可见,本发明提出了一种全新的通过图片叠加处理方式实现弥散阴影效果的方案,其实现过程弱化了对图片处理算法的依赖,简化了处理过程,提高了处理效率。
上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。
附图说明
通过阅读下文优选实施方式的详细描述,各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的,而并不认为是对本发明的限制。而且在整个附图中,用相同的参考符号表示相同的部件。在附图中:
图1示出了根据本发明一个实施例的图片展示方法的流程图;
图2示出了根据本发明另一个实施例的图片展示方法的流程图;
图3a示出了一个具体实施例中的画布尺寸示意图;
图3b示出了一个具体实施例中的画布中绘制的第一图片的示意图;
图3c示出了一个具体实施例的画布中绘制的第二图片的示意图;
图3d示出了一个具体实施例中的透明度渐变效果的预设图片的位置示意图;
图4示出了本发明一个具体实施例的弥散阴影效果图的示意图;
图5示出了根据本发明实施例的一种计算设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的图片展示方法的流程图。如图1所示,该方法包括:
步骤S101:根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布。
首先根据原始图片的图片尺寸设置合理的画布尺寸,并以该尺寸创建画布,以便在该画布上以图层的形式实现原始图片的弥散阴影效果。其中,原始图片指待展示的图片。
步骤S102:将原始图片进行透明度处理得到第一图片,在画布中绘制第一图片。
其中,透明度处理指设置原始图片的透明度值,使原始图片的颜色趋近于背景颜色。例如,画布颜色(即背景颜色)为白色,则在设置原始图片的透明度值之后,得到趋近于白色的第一图片。
具体地,根据实际的显示需要,设置原始图片的透明度值,得到第一图片,并将第一图片绘制在画布对应的第一图层中。可选的,在绘制第一图片前,根据画布尺寸调整第一图片的尺寸大小。例如,调整第一图片的尺寸与画布尺寸相同,使第一图片完全填充整个画布。
步骤S103:将原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制第二图片。
其中,画布的预设位置可根据实际需求的弥散阴影效果来设置,例如,若需对称显示弥散阴影的效果,则将画布的预设位置设置为画布的宽度尺寸的中间位置。
具体地,将原始图片缩小预设缩小比例,该预设缩小比例同样根据实际需求的弥散阴影效果来设置,可选的,若需第二图片呈现的阴影效果较强,则设置较小的预设缩小比例,以呈现出更大范围的第二图片的边缘的阴影效果;若需第二图片呈现的阴影效果较弱,则设置较大的预设缩小比例,以呈现出更大范围的第二图片的边缘的阴影效果。然后,将第二图片绘制在画布对应的第二图层中,该第二图层位于第一图层之上,即呈现给用户的画布的预设位置的第二图片将覆盖第一图片。
步骤S104:对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在背景图片之上进行展示。
具体地,对第一图层中的第一图片和第二图层中的第二图片进行模糊处理,将模糊处理结果作为原始图片的弥散阴影效果的背景图片,在本发明中,不对模糊处理的具体方式进行限定,本领域技术人员可根据实际情况灵活选择。将原始图片叠加在背景图片之上的图层,并与背景图片同时进行展示,进而通过多个图层实现了原始图片的弥散阴影效果。
本发明的图片展示方案,无需依赖复杂的图片处理算法,仅通过多个图层的叠加以及简单的算法辅助,即可实现原始图片的弥散阴影效果,可见,该方案实现简单、处理效率高,以及对终端的配置要求较低,进而可以将本发明方案广泛应用于移动应用的图片展示场景中。下面以一个较典型的示例说明本发明方案的实际应用:在听书的场景中,此时终端会显示书籍的封面,而利用本发明方案,可以将书籍的封面以弥散阴影效果图展示给用户,避免展示的书籍的封面图片的单调性,提升用户的体验。
根据本实施例提供的图片展示方法,根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在所述背景图片之上进行展示。由此可见,本实施例提出了一种全新的通过图片叠加处理方式实现弥散阴影的方案,其实现过程弱化了对图片处理算法的依赖,简化了处理过程,提高了处理效率。
图2示出了根据本发明另一个实施例的图片展示方法的流程图。如图2所示,该方法包括:
步骤S201:根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布。
具体地,根据原始图片的宽高比例得到画布的宽高比例,使画布的宽高比例与原始图片的宽高比例保持一致。与此同时,考虑到用于展示图片的视窗的尺寸,根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。可选的,根据视窗的宽度尺寸设置画布的宽度尺寸,例如,设置画布的宽度尺寸与视窗的宽度尺寸相同,然后根据画布的宽高比例设置画布的高度尺寸。并且,本领域技术人员可根据实际需求的弥散阴影效果,设置画布颜色,可选的,设置画布颜色为白色。
图3a示出了一个具体实施例中的画布尺寸示意图。如图3a所示,矩形阴影区域为画布所在的区域。在该具体实施例中,原始图片的宽高比例为r,则设置画布的宽高比例为r,并且,画布的宽度尺寸a为用于展示图片的视窗的宽度尺寸;在确定了画布的宽度尺寸a之后,根据画布的宽高比例设置画布的高度尺寸b=a/r。
需要在此说明的是,上述图3a的示例中,仅示出了画布的宽度尺寸与视窗的宽度尺寸相同的情况,以及示出了将终端屏幕的整个宽度作为视窗宽度的情况,以及示出了将终端屏幕的上边缘作为画布的上边缘的情况,但是,本发明并不以此为限,具体实施时,本领域技术人员也可以根据实际情况,灵活设置画布尺寸,以及设置画布在终端屏幕中的位置。
步骤S202:将原始图片进行图片放大处理之后再进行透明度处理得到第一图片。
其中,原始图片经过图片放大处理之后的图片尺寸与画布尺寸一致。
具体地,按照原始图片的尺寸与画布尺寸对原始图片进行图片放大处理,可选的,按照画布的宽度尺寸与原始图片的宽度尺寸的比例进行图片放大处理,或者,按照画布的高度尺寸与原始图片的高度尺寸的比例进行图片放大处理;然后设置放大后的原始图片的透明度,使放大后的原始图片的颜色趋于画布颜色,形成透明的视觉效果,其中,透明的程度可由本领域技术人员根据视觉效果的需求灵活设置;进一步的,透明度值越高,透明程度越高,最终得到的背景图片包含原始图片的颜色信息更少,背景图片的颜色更趋近于画布颜色;透明度值越低,透明程度越低,最终得到的背景图片包含原始图片的颜色信息更多,背景图片的颜色更趋近于原始图片的颜色。经过上述放大和透明度处理,得到对应原始图片的弥散阴影效果的第一图层的第一图片。
图3b示出了一个具体实施例的画布中绘制的第一图片的示意图。该图中的画布尺寸与图3a中的画布尺寸相同。如图3b所示,原始图片的宽度尺寸为c,高度尺寸为e,按照画布的宽度尺寸与原始图片的宽度尺寸的比例a/c对原始图片进行放大处理,放大处理后的原始图片的宽度尺寸为a,高度尺寸为b,即与画布尺寸一致;然后设置透明度值t,得到如图3b中的画布对应的区域中的第一图片。
步骤S203:将原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制第二图片。
具体地,按照预设缩小比例对原始图片进行图像缩小处理,得到对应原始图片的弥散阴影效果的第二图层的第二图片。其中,预设缩小比例可由本领域技术人员根据实际需求的弥散阴影效果进行灵活设置。可选的,画布的预设位置为原始图片的显示区域内的任意位置,原始图片的显示区域即最终展示给用户的原始图片所在的区域。
图3c示出了一个具体实施例的画布中绘制的第二图片的示意图。该图中的画布尺寸与图3a中的画布尺寸相同。如图3c所示,原始图片的宽度尺寸为c,高度尺寸为e,对原始图片进行图像缩小处理,得到缩小处理后的第二图片的宽度尺寸为d,高度尺寸为f;一般情况下,原始图片的宽度缩小比例和高度缩小比例一致,即f/e=d/c。并且,图3c中的虚线框为原始图片的显示区域。
需要在此说明的是,图3c中示出的原始图片的显示区域和绘制第二图片的预设位置仅为示例性的,本发明并不以此为限,在实际实施时,本领域技术人员可灵活设置原始图片的显示区域以及设置绘制第二图片的预设位置。
步骤S204:在画布的预设区域内绘制具有透明度渐变效果的预设图片。
通常而言,在终端交互界面中,会提供各种操作按钮以实现交互功能。然而,若操作按钮在终端交互界面中的对应区域与画布区域存在重叠,则会导致操作按钮的背景色不一致,并且背景色过渡不自然;或者,也可能导致操作按钮显示不明显,用户不易发现。因此,作为本实施例的一个可选的步骤,在画布的预设区域内绘制具有透明度渐变效果的预设图片,该预设图片为对应原始图片的弥散阴影效果的第三图层的图片,以使操作按钮的背景色更统一,以及使画布区域至非画布区域的色彩过渡更自然。
其中,画布的预设区域为画布的边缘区域,具体可根据交互界面中的操作按钮的布局位置来确定;预设图片为纯色图片,例如为纯白图片。
在本发明的一些可选的实施例中,根据画布区域的下边缘确定画布的预设区域的下边缘,根据距离画布区域的上边缘最近的操作按钮所在的水平线确定画布的预设区域的上边缘。并且,越靠近画布的预设区域的下边缘,预设图片的透明度值越低,其呈现给用户的视觉效果更接近于非画布区域的背景颜色,过渡更自然。
图3d示出了一个具体实施例中的透明度渐变效果的预设图片的位置示意图。该图中的画布尺寸与图3a中的画布尺寸相同。如图3d所示,画布的预设区域的下边缘与画布的下边缘一致,画布的预设区域的上边缘在播放时间轴所在水平线的上方,画布的预设区域的左右边缘分别为画布区域的左右边缘,相应的,确定的画布的预设区域为图中宽度尺寸为a,高度尺寸为g的矩形区域。在该画布的预设区域中绘制具有透明度渐变效果的纯白图片(图中未示出具有透明度渐变效果预设图片),该纯白图片从上至下透明度值递减,越靠近预设区域的下边缘,透明度值越低(可设置预设区域下边缘的透明度值为255,即完全不透明),呈现给用户的视觉效果越接近于非画布区域的背景色(白色);越靠近预设区域的上边缘,透明度值越高(可设置预设区域上边缘的透明度值为0,即完全透明),呈现给用户的视觉效果越接近于画布区域的对应位置的图片的颜色。绘制完预设图片之后,即可将时间轴操作按钮、播放按钮的背景统一为预设图片,以及,通过设置渐变效果,使画布区域至非画布区域的过渡更自然。
需要在此说明的是,图3d示出的画布的预设区域、操作按钮、以及操作按钮的位置均为示例性的,本发明并不以此为限,具体实施时,本领域技术人员可以根据交互界面中的操作按钮的位置灵活设置画布的预设区域的上边缘的位置,以及,本领域技术人员也可以根据交互界面实现的功能灵活设置操作按钮或者操作按钮的位置。
经过上述步骤,由下至上依次得到白色背景,第一图层中的第一图片,第二图层中的第二图片,以及第三图层中的预设图片。
步骤S205:对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在背景图片之上进行展示。
具体地,对第一图片、第二图片以及预设图片进行模糊处理,可选的,模糊处理具体为高斯模糊处理,将模糊处理后的结果作为原始图片的弥散阴影效果的背景图片。然后将原始图片叠加在背景图片中对应原始图片的显示区域中,此时,背景图片和原始图片共同构成原始图片的弥散阴影的效果图。
图4示出了本发明一个具体实施例的弥散阴影效果图的示意图。如图4所示,在听书的界面,最上层显示的为《一切都还来得及》的原始图片,而背景图片则是由原始图片经过上述步骤S201至步骤S204得到的。
根据本实施例提供的图片展示方法,根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;将原始图片进行图片放大处理之后再进行透明度处理得到第一图片;将原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制第二图片;在画布的预设区域内绘制具有透明度渐变效果的预设图片;对绘制结果进行模糊处理,得到背景图片;将原始图片叠加在背景图片之上进行展示。由此可见,本实施例提出了一种全新的通过图片叠加处理方式实现弥散阴影的方案,其实现过程弱化了对图片处理算法的依赖,简化了处理过程,提高了处理效率。
本申请实施例提供了一种非易失性计算机存储介质,所述计算机存储介质存储有至少一可执行指令,该计算机可执行指令可执行上述任意方法实施例中的图片展示方法。
可执行指令具体可以用于使得处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
在一种可选的实施方式中,设置画布颜色为白色。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:
将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
在一种可选的实施方式中,所述可执行指令进一步使所述处理器执行以下操作:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
在一种可选的实施方式中,所述模糊处理具体为高斯模糊处理。
图5示出了根据本发明实施例的一种计算设备的结构示意图,本发明具体实施例并不对计算设备的具体实现做限定。
如图5所示,该计算设备可以包括:处理器(processor)502、通信接口(Communications Interface)504、存储器(memory)506、以及通信总线508。
其中:
处理器502、通信接口504、以及存储器506通过通信总线508完成相互间的通信。
通信接口504,用于与其它设备比如客户端或其它服务器等的网元通信。
处理器502,用于执行程序510,具体可以执行上述图片展示方法实施例中的相关步骤。
具体地,程序510可以包括程序代码,该程序代码包括计算机操作指令。
处理器502可能是中央处理器CPU,或者是特定集成电路ASIC(ApplicationSpecific Integrated Circuit),或者是被配置成实施本发明实施例的一个或多个集成电路。计算设备包括的一个或多个处理器,可以是同一类型的处理器,如一个或多个CPU;也可以是不同类型的处理器,如一个或多个CPU以及一个或多个ASIC。
存储器506,用于存放程序510。存储器506可能包含高速RAM存储器,也可能还包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。
程序510具体可以用于使得处理器502执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
在一种可选的实施方式中,程序510具体可以进一步用于使得处理器502执行以下操作:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
在一种可选的实施方式中,设置画布颜色为白色。
在一种可选的实施方式中,程序510具体可以进一步用于使得处理器502执行以下操作:
将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
在一种可选的实施方式中,程序510具体可以进一步用于使得处理器502执行以下操作:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
在一种可选的实施方式中,所述模糊处理具体为高斯模糊处理。
在此提供的算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说,如权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在权利要求书中,所要求保护的实施例的任意之一都可以以任意的组合方式来使用。
应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制,并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中,不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。
本发明公开了:A1.一种图片展示方法,包括:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
A2.根据A1所述的方法,其中,所述根据原始图片的图片尺寸设置画布尺寸进一步包括:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
A3.根据A1或A2所述的方法,其中,所述方法还包括:设置画布颜色为白色。
A4.根据A1-A3中任一项所述的方法,其中,所述将原始图片进行透明度处理得到第一图片具体为:将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
A5.根据A1-A4中任一项所述的方法,其中,在所述对绘制结果进行模糊处理之前,所述方法还包括:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
A6.根据A1-A5任一项所述的方法,其中,所述模糊处理具体为高斯模糊处理。
本发明还公开了:B7.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
B8.根据B7所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
B9.根据B7或B8所述的计算设备,其中,设置画布颜色为白色。
B10.根据B7-B9中任一项所述的计算设备,其中,所述可执行指令进一步使所述处理器执行以下操作:
将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
B11.根据B7-B10中任一项所述的计算设备,其中,所述可执行指令进一步使所述处理器执行以下操作:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
B12.根据B7-B11任一项所述的计算设备,其中,所述模糊处理具体为高斯模糊处理。
本发明还公开了:C13.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
C14.根据C13所述的计算机存储介质,所述可执行指令进一步使所述处理器执行以下操作:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
C15.根据C13或C14所述的计算机存储介质,其中,设置画布颜色为白色。
C16.根据C13-C15中任一项所述的计算机存储介质,其中,所述可执行指令进一步使所述处理器执行以下操作:
将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
C17.根据C13-C16中任一项所述的计算机存储介质,其中,所述可执行指令进一步使所述处理器执行以下操作:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
18.根据C13-C17任一项所述的计算机存储介质,其中,所述模糊处理具体为高斯模糊处理。
Claims (10)
1.一种图片展示方法,包括:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
2.根据权利要求1所述的方法,其中,所述根据原始图片的图片尺寸设置画布尺寸进一步包括:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
3.根据权利要求1或2所述的方法,其中,所述方法还包括:设置画布颜色为白色。
4.根据权利要求1-3中任一项所述的方法,其中,所述将原始图片进行透明度处理得到第一图片具体为:将原始图片进行图片放大处理之后再进行透明度处理得到第一图片,其中所述原始图片经过所述图片放大处理之后的图片尺寸与画布尺寸一致。
5.根据权利要求1-4中任一项所述的方法,其中,在所述对绘制结果进行模糊处理之前,所述方法还包括:
在所述画布的预设区域内绘制具有透明度渐变效果的预设图片。
6.根据权利要求1-5任一项所述的方法,其中,所述模糊处理具体为高斯模糊处理。
7.一种计算设备,包括:处理器、存储器、通信接口和通信总线,所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信;
所述存储器用于存放至少一可执行指令,所述可执行指令使所述处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
8.根据权利要求7所述的计算设备,所述可执行指令进一步使所述处理器执行以下操作:
根据原始图片的宽高比例得到画布的宽高比例;
根据画布的宽高比例以及用于展示图片的视窗尺寸,设置画布尺寸。
9.根据权利要求7或8所述的计算设备,其中,设置画布颜色为白色。
10.一种计算机存储介质,所述存储介质中存储有至少一可执行指令,所述可执行指令使处理器执行以下操作:
根据原始图片的图片尺寸设置画布尺寸,以画布尺寸创建画布;
将所述原始图片进行透明度处理得到第一图片,在所述画布中绘制所述第一图片;
将所述原始图片进行图像缩小处理得到第二图片,在绘制有第一图片的画布的预设位置绘制所述第二图片;
对绘制结果进行模糊处理,得到背景图片;
将原始图片叠加在所述背景图片之上进行展示。
Priority Applications (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810699353.3A CN108876748B (zh) | 2018-06-29 | 2018-06-29 | 图片展示方法、计算设备及计算机存储介质 |
PCT/CN2019/073495 WO2020001022A1 (zh) | 2018-06-29 | 2019-01-28 | 图片展示方法、计算设备及计算机存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810699353.3A CN108876748B (zh) | 2018-06-29 | 2018-06-29 | 图片展示方法、计算设备及计算机存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108876748A true CN108876748A (zh) | 2018-11-23 |
CN108876748B CN108876748B (zh) | 2019-08-30 |
Family
ID=64297565
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810699353.3A Active CN108876748B (zh) | 2018-06-29 | 2018-06-29 | 图片展示方法、计算设备及计算机存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN108876748B (zh) |
WO (1) | WO2020001022A1 (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110059274A (zh) * | 2019-03-15 | 2019-07-26 | 平安普惠企业管理有限公司 | 前端图片放大方法、装置、计算机设备及存储介质 |
WO2020001022A1 (zh) * | 2018-06-29 | 2020-01-02 | 掌阅科技股份有限公司 | 图片展示方法、计算设备及计算机存储介质 |
CN110838152A (zh) * | 2019-10-21 | 2020-02-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN113486278A (zh) * | 2021-06-22 | 2021-10-08 | 西安震有信通科技有限公司 | 一种图片显示方法、智能终端及计算机可读存储介质 |
Families Citing this family (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112565839B (zh) * | 2020-11-23 | 2022-11-29 | 青岛海信传媒网络技术有限公司 | 投屏图像的显示方法及显示设备 |
WO2023283130A1 (en) | 2021-07-04 | 2023-01-12 | Newave Pharmaceutical Inc. | Isoquinoline derivatives as mutant egfr modulators and uses thereof |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101241593A (zh) * | 2007-02-06 | 2008-08-13 | 英特维数位科技股份有限公司 | 图层影像的影像处理装置及其方法 |
CN102750089A (zh) * | 2012-06-06 | 2012-10-24 | 谢达 | 一种环绕屏幕边缘显示的用户界面的显示方法 |
US20140267248A1 (en) * | 2013-03-14 | 2014-09-18 | Robert Bosch Gmbh | System And Method For Generation Of Shadow Effects In Three-Dimensional Graphics |
CN104851122A (zh) * | 2015-05-08 | 2015-08-19 | 北京金山安全软件有限公司 | 一种阴影特效图的生成方法及装置 |
CN105513027A (zh) * | 2016-01-06 | 2016-04-20 | 天脉聚源(北京)科技有限公司 | 一种模糊处理方法及装置 |
CN107610204A (zh) * | 2017-09-20 | 2018-01-19 | 北京嗨动视觉科技有限公司 | 图层处理方法、图层处理装置和计算机可读介质 |
Family Cites Families (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103021002B (zh) * | 2011-09-27 | 2016-05-04 | 康佳集团股份有限公司 | 彩色素描图像生成方法 |
CN105426347A (zh) * | 2015-10-29 | 2016-03-23 | 北京京东尚科信息技术有限公司 | 提供对象信息的方法、显示终端和服务器 |
CN105488761B (zh) * | 2015-12-29 | 2019-03-26 | 北京金山安全软件有限公司 | 一种拼接图片的处理方法及装置 |
CN108876748B (zh) * | 2018-06-29 | 2019-08-30 | 掌阅科技股份有限公司 | 图片展示方法、计算设备及计算机存储介质 |
-
2018
- 2018-06-29 CN CN201810699353.3A patent/CN108876748B/zh active Active
-
2019
- 2019-01-28 WO PCT/CN2019/073495 patent/WO2020001022A1/zh active Application Filing
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101241593A (zh) * | 2007-02-06 | 2008-08-13 | 英特维数位科技股份有限公司 | 图层影像的影像处理装置及其方法 |
CN102750089A (zh) * | 2012-06-06 | 2012-10-24 | 谢达 | 一种环绕屏幕边缘显示的用户界面的显示方法 |
US20140267248A1 (en) * | 2013-03-14 | 2014-09-18 | Robert Bosch Gmbh | System And Method For Generation Of Shadow Effects In Three-Dimensional Graphics |
CN104851122A (zh) * | 2015-05-08 | 2015-08-19 | 北京金山安全软件有限公司 | 一种阴影特效图的生成方法及装置 |
CN105513027A (zh) * | 2016-01-06 | 2016-04-20 | 天脉聚源(北京)科技有限公司 | 一种模糊处理方法及装置 |
CN107610204A (zh) * | 2017-09-20 | 2018-01-19 | 北京嗨动视觉科技有限公司 | 图层处理方法、图层处理装置和计算机可读介质 |
Non-Patent Citations (3)
Title |
---|
3年2班程远: "热门教程!超火的弥散阴影全方位通关指南", 《HTTPS://WWW.UISDC.COM/DIFFUSION-SHADOW-DESIGN-GUIDELINE》 * |
CYROTEL: "超赞!一份简单上手的青春弥散阴影修炼手册", 《HTTPS://WWW.UISDC.COM/PHOTOSHOP-DIFFUSION-SHADOW-DESIGN》 * |
前沿电脑图像工作室: "巧学巧用Dreamweaver Fireworks Flash制作网页", 《人民邮电出版社》 * |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020001022A1 (zh) * | 2018-06-29 | 2020-01-02 | 掌阅科技股份有限公司 | 图片展示方法、计算设备及计算机存储介质 |
CN110059274A (zh) * | 2019-03-15 | 2019-07-26 | 平安普惠企业管理有限公司 | 前端图片放大方法、装置、计算机设备及存储介质 |
CN110838152A (zh) * | 2019-10-21 | 2020-02-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN110838152B (zh) * | 2019-10-21 | 2023-04-25 | 稿定(厦门)科技有限公司 | 多图层混合后的快速截图方法和装置 |
CN113486278A (zh) * | 2021-06-22 | 2021-10-08 | 西安震有信通科技有限公司 | 一种图片显示方法、智能终端及计算机可读存储介质 |
Also Published As
Publication number | Publication date |
---|---|
WO2020001022A1 (zh) | 2020-01-02 |
CN108876748B (zh) | 2019-08-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108876748B (zh) | 图片展示方法、计算设备及计算机存储介质 | |
CN104038807B (zh) | 一种基于OpenGL的图层混合方法及装置 | |
EP1066597B1 (en) | Image composition system and processing using layers | |
US6483505B1 (en) | Method and apparatus for multipass pixel processing | |
US9275493B2 (en) | Rendering vector maps in a geographic information system | |
JP4625805B2 (ja) | 3次元モデルをスケーリングする方法及びスケーリングユニット | |
US20060087556A1 (en) | Stereoscopic image display device | |
AU2006287351B2 (en) | 2D editing metaphor for 3D graphics | |
WO2003102874A1 (en) | Optimized mixed media rendering | |
US9734551B1 (en) | Providing depth-of-field renderings | |
CN106604011B (zh) | 处理来源图像以产生目标图像的方法及装置 | |
EP4319123A1 (en) | Image processing method, apparatus and device, storage medium, and computer program product | |
EP2034438A2 (en) | Spatial diffusion in images | |
CN116347699A (zh) | 交互灯的灯效控制方法、电子设备和车辆 | |
CN110879739A (zh) | 通知栏的显示方法及其显示装置 | |
TW200529100A (en) | Method and apparatus for producing animation | |
CN104991695A (zh) | 一种信息处理方法及电子设备 | |
US11263805B2 (en) | Method of real-time image processing based on rendering engine and a display apparatus | |
WO2009106993A2 (en) | Method and system for generating online cartoon outputs | |
US11941408B2 (en) | Encoding stereo splash screen in static image | |
CN115280788A (zh) | 多视图风格转换的系统和方法 | |
CN106325956A (zh) | 一种应用程序图标调整方法及装置 | |
CN110033501B (zh) | 一种动画的实现方法及电子终端 | |
if Blinn | A Trip Down the Graphics Pipeline: Grandpa, What Does “Viewport” Mean? | |
US8539347B2 (en) | Time sequencing of editing steps in a two-dimensional digital document |
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 |