[发明专利]一种移动端图片圆角化处理的方法和系统

说明书

本发明公开了一种移动端图片圆角化处理的方法和系统，其中方法包括：获取目标图片的圆角化信息，所述圆角化信息包括圆角的弧度值信息；获取所述目标图片的url，基于所述目标图片的url生成相应的md5值；基于所述目标图片的md5值和圆角化信息，生成图片编码信息；通过所述图片编码信息与缓存图片进行对比，获得第一判断信息，所述第一判断信息为本地缓存中是否存在相同的所述圆角图片的信息；基于第一判断信息，如本地缓存中不存在相同的圆角图片，则对所述目标图片进行下载；根据所述图片编码信息，对下载后的目标图片进行圆角化处理，获得圆角图片；显示圆角图片，并将圆角图片缓存到本地。本发明能有效地降低图片圆角化时的离屏渲染。

技术领域

本发明涉及移动端图片圆角化处理技术领域，具体涉及一种移动端图片圆角化处理的方法和系统。

背景技术

一般移动端的应用界面在显示图片时，为了使图片的显示效果更为美观，会将图片进行圆角化处理，从而在移动端应用界面上显示出圆角化的图片，圆角化后圆润的图片边框能为用户带来视觉上的舒适感。

传统的移动端图片圆角化的处理方法为，先下载矩形图片，然后通过GPU对图片进行相应的圆角化处理，强行将图片切割成圆角图片，再在应用界面上显示相应的圆角图片。当需要处理的图片数量较多时，会造成离屏渲染，明显地增大移动端的内存损耗，同时，严重时会造成移动端出现卡顿影响用户的使用体验。为此，亟需一种能降低离屏渲染的移动端图片原计划处理的方法和系统。

发明内容

为了克服上述现有的技术缺陷和改进需求，本发明提供一种能防止出现离谱渲染的移动端图片圆角化处理的方法和系统，其通过对图片

为了解决上述问题，本发明按以下技术方案予以实现的：

本发明所述一种移动端图片圆角化处理的方法，包括以下步骤：

获取目标图片的圆角化信息，所述圆角化信息包括圆角的弧度值信息；

获取所述目标图片的url，基于所述目标图片的url生成相应的md5值；

基于所述目标图片的md5值和圆角化信息，生成图片编码信息；

通过所述图片编码信息与缓存图片进行对比，获得第一判断信息，所述第一判断信息为本地缓存中是否存在相同的所述圆角图片的信息；

基于第一判断信息，如本地缓存中不存在相同的圆角图片，则对所述目标图片进行下载；

根据所述图片编码信息，对下载后的目标图片进行圆角化处理，获得圆角图片；

显示圆角图片，并将圆角图片缓存到本地。

优选地，通过所述图片编码信息与本地缓存图片的进行对比，获得第一判断信息之后，所述方法还包括，基于第一判断信息，如本地缓存中存在相同的圆角图片，则读取缓存并显示圆角图片。

优选地，所述对下载后的图片进行圆角化处理后，还包括，以图片编码信息对圆角图片进行命名。

优选地，所述圆角化信息还包括尺寸信息，所述对下载后的图片进行圆角化处理，具体的包括，根据尺寸信息，对所述目标图片进行尺寸调整；根据圆角的弧度值信息，对所述目标图片进行切圆角处理。

优选地，所述图片编码信息由所述目标图片的md5值和所述圆角的弧度值依次叠加而成。

优选地，所述基于第一判断信息，如本地缓存中不存在相同的圆角图片后，还获取第二判断信息，具体的包括，获取第二判断信息，所述第二判断信息为本地缓存中是否存在所述目标图片的信息；如存在，则从缓存中读取所述目标图片；如不存在，则下载所述目标图片。