记录随机生成指定大小图片网址(Picsum)

文章介绍了Picsum这个服务,如何简单使用生成随机图片,包括指定大小、特定图像、灰度和模糊效果。还讲解了高级用法,如组合选项和防止缓存。此外,文章还提到了获取图片详情、文件格式和API端点的使用方法。
摘要由CSDN通过智能技术生成


前言

在需要使用滑动验证等场景下,获取随机的图片,做背景滑动校验
在这里插入图片描述


一、Picsum

Picsum

简单使用

易于使用、时尚的占位符

只需在我们的URL后添加您想要的图像大小(宽度和高度),您就会得到一个随机图像。

具体图像

/id/{image}通过添加到 url 的开头来获取特定图像。
https://picsum.photos/id/237/200/300

查看所有图片

静态随机图像

/seed/{seed}通过添加到 url 的开头,每次都根据种子获取相同的随机图像。
https://picsum.photos/seed/picsum/200/300

灰度

?grayscale通过附加到 url 末尾来获取灰度图像。

https://picsum.photos/200/300?grayscale

模糊

?blur通过附加到 url 末尾来获取模糊图像。
https://picsum.photos/200/300/?blur

可以通过提供和之间的数字来调整模糊量10。
https://picsum.photos/200/300/?blur=2

高级用法

您可以组合上述任何选项。

例如,获取灰度且模糊的特定图像。

https://picsum.photos/id/870/200/300?grayscale&blur=2

要在浏览器中请求相同大小的多个图像,请添加random查询参数以防止缓存图像:

<img src="https://i-blog.csdnimg.cn/blog_migrate/6fd8adc8fcd3691afc84ba86d389ecb3.jpeg">
<img src="https://i-blog.csdnimg.cn/blog_migrate/132579a66e79863d7180618b135c021c.jpeg">

如果需要文件结尾,可以添加.jpg到 url 的末尾。

https://picsum.photos/200/300.jpg

要获取 WebP 格式的图像,您可以添加.webp到 url 末尾。

https://picsum.photos/200/300.webp

列出图像

使用端点获取图像列表/v2/list。

https://picsum.photos/v2/list

默认情况下,API 每页返回 30 个项目。

要请求另一个页面,请使用该?page参数。

要更改每页的项目数量,请使用?limit参数。

https://picsum.photos/v2/list?page=2&limit=100

标题Link包含有关下一页/上一页的分页信息

图片详情

使用/id/{id}/info和/seed/{seed}/info端点获取有关特定图像的信息。

https://picsum.photos/id/0/info
https://picsum.photos/seed/picsum/info

Picsum-ID您可以通过查看标题或User CommentEXIF 元数据中的字段来找出图像的 ID 。


如有启发,可点赞收藏哟~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值