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

文章目录

  • 前言
  • 一、Picsum
    • 简单使用
    • 具体图像
    • 静态随机图像
    • 灰度
    • 模糊
    • 高级用法
    • 列出图像
    • 图片详情
    • `如有启发,可点赞收藏哟~`


前言

在需要使用滑动验证等场景下,获取随机的图片,做背景滑动校验
记录随机生成指定大小图片网址(Picsum)_第1张图片


一、Picsum

Picsum

简单使用

易于使用、时尚的占位符

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

  • 获取宽200高300的长方形图片 https://picsum.photos/200/300
  • 获取正方形图片,只需要设置宽度即可 https://picsum.photos/200

具体图像

/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://img-blog.csdnimg.cn/img_convert/ebe99f95f482a39782e243a54cf57b97.jpeg">
<img src="https://img-blog.csdnimg.cn/img_convert/dea2d5dbe6a3d3d1ad1869dd02bf69f9.jpeg">
记录随机生成指定大小图片网址(Picsum)_第2张图片 记录随机生成指定大小图片网址(Picsum)_第3张图片

如果需要文件结尾,可以添加.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 。


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

你可能感兴趣的:(开发工具(软件,脚本,博客等),开源)