[发明专利]一种图片显示方法、智能终端及计算机可读存储介质

说明书

本发明公开了一种图片显示方法、智能终端及计算机可读存储介质，所述方法包括：将引入的所有图片按顺序叠加在同一位置，将所有图片设置为透明；按照所有图片叠加的先后顺序，每相邻两张图片的一张图片从透明到显示，等待预设时间后，另一张图片从透明到显示，依次轮询交替播放，每两张图片交替显示。本发明使热力图在展示过程中，每张图片之间的过度都变得很平滑，使整个热力图的效果变得更加直观清晰。

技术领域

本发明涉及图片显示技术领域，尤其涉及一种图片显示方法、智能终端及计算机可读存储介质。

背景技术

随着近几年大数据、数据分析技术的发展，可视化技术也在飞速发展。如何将数据直观、清晰、合理的呈现出来成了可视化中最重要的组成部分。而在数据可视化展现中，运用最多的是各种不同形式体现数据的图形元素和各种复杂的动画效果相互配合交互，从而将数据清晰的展现出来。所以，如何将数据合理的转换为图形元素并且流畅平滑的展示，是数据可视化展现的重中之重。

但是在实际开发中，很多效果因为浏览器的限制或者不支持，需要配合使用PNG格式的图片来进行效果的展现，例如热力图(热力图是以特殊高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示，热力图可以显示不可点击区域发生的事情)中，一个完整的热力图需要使用很多PNG格式的图片循环切换来达到理想效果，但是图片在切换的过程中很难达到平滑的过度。

因此，现有技术还有待于改进和发展。

发明内容

本发明的主要目的在于提供一种图片显示方法、智能终端及计算机可读存储介质，旨在解决现有技术中图片在切换的过程中很难达到平滑的过度的问题。

为实现上述目的，本发明提供一种图片显示方法，所述图片显示方法包括如下步骤：

将引入的所有图片按顺序叠加在同一位置，将所有图片设置为透明；

按照所有图片叠加的先后顺序，每相邻两张图片的一张图片从透明到显示，等待预设时间后，另一张图片从透明到显示，依次轮询交替播放，每两张图片交替显示。

可选地，所述的图片显示方法，其中，所述图片为采用原生JS封装的热力图。

可选地，所述的图片显示方法，其中，所述预设时间为1-10秒。

可选地，所述的图片显示方法，其中，所述图片显示方法还包括：

引入热力图平滑展示方法，判断图片是否传入配置；

若是，则在页面中渲染效果，并循环播放；

若否，则使用默认配置数据，之后在页面中渲染效果，并循环播放。

可选地，所述的图片显示方法，其中，所述图片显示方法还包括：

支持在普通网页中使用CSS方式、在特殊情况下使用JS的方式来动态创建以及支持在地图中使用Canvas的方式配合mapbox来在页面上展现效果。

可选地，所述的图片显示方法，其中，所述图片显示方法还包括：

传入画布的宽高配置项，在动画创建的时，内容的图片全部自适应画布设置的大小。

此外，为实现上述目的，本发明还提供一种智能终端，其中，所述智能终端包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的图片显示程序，所述图片显示程序被所述处理器执行时实现如上所述的图片显示方法的步骤。

此外，为实现上述目的，本发明还提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有图片显示程序，所述图片显示程序被处理器执行时实现如上所述的图片显示方法的步骤。