当前位置: 首页 > news >正文

推荐一个随机生成图片的网站: 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特效】:实现背景色跟随图片相近色处理

http://www.dtcms.com/a/394012.html

相关文章:

  • APE自动化提示词工程
  • 探究某黄鱼x-sign生成算法——终极篇
  • 霍尔传感器安装错位下的FOC控制:线性插值与锁相环(PLL)算法的抉择
  • FFmpeg 深入精讲(三)FFmpeg 中级开发
  • AI驱动下的蛋白质设计
  • ARM基本汇编操作指令
  • 电商搜索 API 的优化与性能提升:从瓶颈突破到体验升级
  • 使用DeepSeek辅助测试一个rust编写的postgresql协议工具包convergence
  • 【00】EPGF 架构搭建教程之 总揽篇
  • 深度剖析 vector 底层原理:从手写实现到核心技术点全解析
  • 嵌入式开发学习日志29——stm32之定时器中断
  • 通俗范畴论17.3 向量空间的对偶与双对偶
  • 表格 表头增加悬浮提示内容
  • emacs段落重排快捷键
  • 第九届人单合一模式引领论坛举行 构建AI时代的智能交互生态
  • 不用搜驱动!惠普官方工具:自动适配,坏了直接重装
  • JAVA八股文——java虚拟机栈
  • 华为MindSpeed 训练加速库:架构解析
  • Java的Stream实现对list实用操作【持续更新】
  • 【AI智能体】Dify集成 Echarts实现数据报表展示实战详解
  • 【01】EPGF 架构搭建教程之 Anaconda 安装指南
  • 深度学习周报(9.15~9.21)
  • MCP实战:使用 LangGraph 和 MCP 协议无缝集成外部工具
  • 【嵌入式总线通信协议库】
  • 06.【Linux系统编程】命令行参数(给main传参)、环境变量(概念+使用)、进程的虚拟地址空间(用户实际访问的空间)
  • esp32墨水屏天气预测学习
  • LabelImg 操作指南:提高标注速度
  • redhat7.2迁移ssh免密到麒麟v10
  • Linux基操
  • 如何解决 pip install 安装报错 ModuleNotFoundError: No module named ‘protobuf’ 问题