开发阶段,接口未给出前,需要使用图片进行占位,可以使用Lorem Picsum快速生成图片。
基本使用
<img src="https://picsum.photos/200/300" alt="Random" />
其中200/300分别代表图片的宽和高,如果只设置一个,则表示宽高相同。
配合Emmet语法
可以快速生成多个图片,拼接任意参数可以保证图片不重复(不一定是r,什么都行)。
img*5[src="https://picsum.photos/200/300?r$"]
获取特定图片
如果你想获取特定 ID 的图片,可以使用以下 URL 格式:
https://picsum.photos/id/10/200/300
灰度图片
你可以通过在 URL 后添加 ?grayscale 参数来获取灰度图片:
https://picsum.photos/200/300?grayscale
添加模糊效果
你可以通过在 URL 后添加 ?blur 参数来获取模糊效果的图片,模糊程度可以通过参数值来设置(1 到 10):
https://picsum.photos/200/300?blur=5