首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]如何将接口返回的切片小图片在前端高效展示成一张大图片?

发布于 2024-08-25 16:03:41
0
385

回答:你描述的效果是不错的,但是实际使用中可能效果没有上述回答中提到的缩略图好用,因为你如果采用将图片按区域裁剪,然后分成很多小文件,这样在前台当然可以拿到每个区域的小图片,然后采用canvas绘制出...

回答:你描述的效果是不错的,但是实际使用中可能效果没有上述回答中提到的缩略图好用,因为你如果采用将图片按区域裁剪,然后分成很多小文件,这样在前台当然可以拿到每个区域的小图片,然后采用canvas绘制出来这样一般会是图片从上到下,从左到右的加载顺序;和基本jpg的加载思路是一致的,这样实现的优点是不用写太复杂的算法,靠谱;当然,你也需要手动的去将你上传的图片进行单个的裁剪,这个步骤也是需要写一些代码,然后调一调的。另外一种比较常用的则是采用动态缩略图的方式,加载图片时先加载较为模糊的图片,等后续再逐步的将图片变成高清的,在这里面是有较大的难度的,主要针对于图像的处理算法;可以参考这篇文章:https://developer.aliyun.com/article/351619

但针对于你这种较大的图片,***MB,我感觉还是有不小的难度,可能得研究一下哔哩哔哩,看看它有没有什么比较好的方法可供学习参考;关于jpg的加载,可以参考这篇文章:https://www.cnblogs.com/Arvin-JIN/p/9133745.html


评论
一个月内的热帖推荐
啊龙
Lv.1普通用户

9545

帖子

31

小组

3242

积分

赞助商广告
站长交流