Image(画像)
ランダムな画像を生成するには、
{{$image.url}}
を使用します。これは画像を直接返すのではなく、「Picsum」と「LoremFlickr」という2つのデモ画像プロバイダーのいずれかからの画像を指すURLを返します。{{$image.urlLoremFlickr}}
または{{$image.urlPicsumPhotos}}
を使用して、特定のプロバイダーから画像を要求することもできます。{{$image.urlPlaceholder}}
(サードパーティのサービスを使用)または{{$image.dataUri}}
(SVG文字列を返す)を使用します。{{$image.avatar}}
を使用します。{{$image.urlLoremFlickr}}
を使用してカテゴリ別の画像を要求するか、画像プロバイダーを直接使用するか、独自のプレースホルダー画像セットを提供してください。avatar
avatarGitHub
avatarLegacy
https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar
からランダムなアバターを生成します。
dataUri
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
color | string | {{$color.rgb}} | 画像の色。SVGでサポートされている色である必要があります |
height | number | {{$number.int(min=1,max=3999)}} | 画像の高さ |
type | 'svg-uri' | 'svg-base64' | {{$helpers.arrayElements(['svg-uri','svg-base64'])}} | 画像の幅 |
width | number | {{$number.int(min=1,max=3999)}} | 画像の幅 |
url
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
height | number | {{$number.int(min=1,max=3999)}} | 画像の高さ |
width | number | {{$number.int(min=1,max=3999)}} | 画像の幅 |
urlLoremFlickr
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
category | string | 画像に使用するカテゴリ | |
height | number | {{$number.int(min=1,max=3999)}} | 画像の高さ |
width | number | {{$number.int(min=1,max=3999)}} | 画像の幅 |
urlPicsumPhotos
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
blur | 0 | 10 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{$number.int(max=10)}} | 画像をぼかすかどうか。0 でぼかしを無効にします |
grayscale | boolean | {{$datatype.boolean}} | 画像をグレースケールにするかど うか |
height | number | {{$number.int(min=1,max=3999)}} | 画像の高さ |
width | number | {{$number.int(min=1,max=3999)}} | 画像の幅 |
urlPlaceholder
名前 | 型 | デフォルト値 | 説明 |
---|---|---|---|
backgroundColor | string | {{$color.rgb(prefix=' ',format='hex')}} | 画像の背景色 |
format | 'gif' | 'jpeg' | 'jpg' | 'png' | 'webp' | {{$helpers.arrayElement(['gif','jpeg','jpg','png','webp'])}} | 画像のフォーマット |
height | number | {{$number.int(min=1,max=3999)}} | 画像の高さ |
text | string | {{$color.rgb(prefix=' ',format='hex')}} | 画像に表示するテキスト |
textColor | string | {{$number.int(min=1,max=3999)}} | 画像のテキスト色 |
width | number | {{$number.int(min=1,max=3999)}} | 画像の幅 |