Picsum Image 📌

随机生成一张 Picsum 图片，可用于没有图片时快速生成一张占位图。

Installation

# using npm
npm install picsum-image --save

# using yarn
yarn add picsum-image

# using pnpm
pnpm add picsum-image

Usage

// ESM
import { PicsumImage } from 'picsum-image'

// commonjs
const { PicsumImage } = require('picsum-image')

/**
 * 生成Picsum图片链接
 * @param { PicsumConfig } options 配置项
 * @returns { string } 图片URL
 */
const imageUrl1 = PicsumImage.generateUrl({
  id: 123, // 图片ID
  width: 200, // 图片宽度(px)
  height: 200, // 图片高度(px)
  jpg: false, // 是否返回jpg格式图片
  blur: 0, // 模糊度
  grayscale: false, // 是否灰度图
  cache: true // 是否需要缓存
})
console.log(imageUrl1) // https://picsum.photos/id/123/200/200?random=6502

/**
 * 随机生成一张图片
 * @param { number } width 图片宽度(px)
 * @param { number } height 图片高度(px)
 * @param { boolean } cache 是否需要缓存，默认false
 * @returns { string } 图片URL
 */
const imageUrl2 = PicsumImage.randomImage(300, 300, true)
console.log(imageUrl2) // https://picsum.photos/300/300?random=8264

配置项：

配置项	数据类型	是否必填	默认值	描述
id	number	否	0	图片ID
width	number	否	200	图片宽度(px)
height	number	否	200	图片高度(px)
jpg	boolean	否	false	是否返回jpg格式图片
blur	number	否	0	模糊度
grayscale	boolean	否	false	是否灰度图
cache	boolean	否	true	是否需要缓存