推荐一个随机生成图片的网站: Lorem Picsum
目录
第一章 前言
第二章 使用
第三章 实战
第一章 前言
Lorem Picsum 是一个免费的图片占位符服务,可以用于网站、应用程序或任何需要占位符图片的地方。它提供了一个简单的 API,可以通过 HTTP 请求获取随机图片,也可以指定特定的图片大小和其他参数。方便我们前端开发时布局、排版、样式处理!
第二章 使用
- 官网
https://picsum.photos/
- 使用方法
1、随机生成一张宽*高 200*300px 的图片:
https://picsum.photos/200/300
2、随机生成一张宽*高 200*200px 的图片:
https://picsum.photos/200
3、处理浏览器缓存策略,一次生成多张不同的 宽*高 200*300px 的图片:
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h3>获取指定宽度和高度的图片</h3><img src="https://picsum.photos/200?1" alt=""><img src="https://picsum.photos/200?2" alt=""><img src="https://picsum.photos/200?3" alt=""><img src="https://picsum.photos/200?4" alt=""><img src="https://picsum.photos/200?5" alt=""><img src="https://picsum.photos/200?6" alt=""><img src="https://picsum.photos/200?7" alt=""><img src="https://picsum.photos/200?8" alt=""><img src="https://picsum.photos/200?9" alt="">
</body></html>
第三章 实战
【css特效】:实现背景色跟随图片相近色处理