图片（Image）

生成图片的模块。

概述

对于随机图片，请使用 {{$image.url}}。这不会直接返回图片，而是一个指向两个演示图片提供商“Picsum”和“LoremFlickr”之一的图片的 URL。你可以使用 {{$image.urlLoremFlickr}} 或 {{$image.urlPicsumPhotos}} 专门从两个提供商之一请求图片。

对于仅包含纯色和文本的随机占位符图片，请使用 {{$image.urlPlaceholder}}（使用第三方服务）或 {{$image.dataUri}}（返回 SVG 字符串）。

对于随机用户头像图片，请使用 {{$image.avatar}}。

此模块以前还包含用于生成特定主题图片的方法，例如“时尚”或“食物”，但这些方法现已弃用。如果你需要对图片类型进行更多控制，可以使用 {{$image.urlLoremFlickr}} 请求分类图片，直接使用图片提供商或提供你自己的占位符图片集。

avatar

生成一个随机的头像图片 URL。

返回: 字符串

示例

avatarGitHub

从 GitHub 生成一个随机的头像。

返回: 字符串

示例

avatarLegacy

从 https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar 生成一个随机的头像。

返回: 字符串

示例

dataUri

生成一个随机的数据 URI，其中包含 URL 编码的 SVG 图片或 Base64 编码的 SVG 图片。

参数

名称	类型	默认值	描述
color	字符串	`{{$color.rgb}}`	图片的颜色。必须是 SVG 支持的颜色。
height	数字	`{{$number.int(min=1,max=3999)}}`	图片的高度。
type	'svg-uri' \| 'svg-base64'	`{{$helpers.arrayElements(['svg-uri','svg-base64'])}}`	图片的宽度。
width	数字	`{{$number.int(min=1,max=3999)}}`	图片的宽度。

返回: 字符串

示例

url

生成一个随机的图片 URL。

参数

名称	类型	默认值	描述
height	数字	`{{$number.int(min=1,max=3999)}}`	图片的高度。
width	数字	`{{$number.int(min=1,max=3999)}}`	图片的宽度。

返回: 字符串

示例

urlLoremFlickr

通过 https://loremflickr.com 生成一个随机的图片 URL。

参数

名称	类型	默认值	描述
category	字符串		要用于图片的类别。
height	数字	`{{$number.int(min=1,max=3999)}}`	图片的高度。
width	数字	`{{$number.int(min=1,max=3999)}}`	图片的宽度。

返回: 字符串

示例

urlPicsumPhotos

通过 https://picsum.photos 生成一个随机的图片 URL。

参数

名称	类型	默认值	描述
blur	0 \| 10 \| 2 \| 1 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9	`{{$number.int(max=10)}}`	图片是否应该模糊。`0` 禁用模糊。
grayscale	布尔值	`{{$datatype.boolean}}`	图片是否应该为灰度。
height	数字	`{{$number.int(min=1,max=3999)}}`	图片的高度。
width	数字	`{{$number.int(min=1,max=3999)}}`	图片的宽度。

返回: 字符串

示例

urlPlaceholder

通过 https://via.placeholder.com/ 生成一个随机的图片 URL。

参数

名称	类型	默认值	描述
backgroundColor	字符串	`{{$color.rgb(prefix=' ',format='hex')}}`	图片的背景色。
format	'gif' \| 'jpeg' \| 'jpg' \| 'png' \| 'webp'	`{{$helpers.arrayElement(['gif','jpeg','jpg','png','webp'])}}`	图片的格式。
height	数字	`{{$number.int(min=1,max=3999)}}`	图片的高度。
text	数字	`{{$color.rgb(prefix=' ',format='hex')}}`	要在图片上显示的文本。
textColor	字符串	`{{$number.int(min=1,max=3999)}}`	图片的文本颜色。
width	数字	`{{$number.int(min=1,max=3999)}}`	图片的宽度。

返回: 字符串

示例

avatar#

avatarGitHub#

avatarLegacy#

dataUri#

url#

urlLoremFlickr#

urlPicsumPhotos#

urlPlaceholder#

avatar

avatarGitHub

avatarLegacy

dataUri

url

urlLoremFlickr

urlPicsumPhotos

urlPlaceholder