概要
ランダムな画像を生成するには、{{$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#
URL-エンコードされたSVG画像またはBase64-エンコードされたSVG画像を含むランダムなデータURIを生成します。| 名前 | 型 | デフォルト値 | 説明 |
|---|
| 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)}} | 画像の幅 |
Modified at 2025-01-02 10:40:33