モジュール概要#
ランダムな画像には、{{$image.url}} を使用します。これは画像を直接返すのではなく、2 つのデモ画像プロバイダーである「Picsum」と「LoremFlickr」のいずれかの画像を指す URL を返します。{{$image.urlLoremFlickr}} または {{$image.urlPicsumPhotos}} を使用すると、2 つのプロバイダーのいずれかから画像を明示的にリクエストできます。単色とテキストのみを含むランダムなプレースホルダー画像には、{{$image.urlPlaceholder}}（サードパーティサービスを使用）または {{$image.dataUri}}（SVG 文字列を返します）を使用します。ランダムなユーザーアバター画像には、{{$image.avatar}} を使用します。このモジュールには以前、「fashion」や「food」のような特定テーマの画像用メソッドも含まれていましたが、現在は非推奨です。画像タイプをより細かく制御する必要がある場合は、{{$image.urlLoremFlickr}} を使用してカテゴリ別画像をリクエストするか、画像プロバイダーを直接使用するか、独自のプレースホルダー画像セットを提供できます。
avatar#
avatarGitHub#
GitHub からランダムなアバターを生成します。
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 | number | {{$color.rgb(prefix=' ',format='hex')}} | 画像に表示するテキストです。 |
| textColor | string | {{$number.int(min=1,max=3999)}} | 画像のテキスト色です。 |
| width | number | {{$number.int(min=1,max=3999)}} | 画像の幅です。 |
Modified at 2026-06-11 07:06:02
