Modul untuk menghasilkan gambar.Ikhtisar Modul#
Untuk gambar acak, gunakan {{$image.url}}. Ini tidak akan mengembalikan gambar secara langsung, melainkan URL yang mengarah ke gambar dari salah satu dari dua penyedia gambar demo, yaitu "Picsum" dan "LoremFlickr". Anda dapat meminta gambar secara khusus dari salah satu dari dua penyedia tersebut menggunakan {{$image.urlLoremFlickr}} atau {{$image.urlPicsumPhotos}}.Untuk gambar placeholder acak yang hanya berisi warna solid dan teks, gunakan {{$image.urlPlaceholder}} (menggunakan layanan pihak ketiga) atau {{$image.dataUri}} (mengembalikan string SVG).Untuk gambar avatar pengguna acak, gunakan {{$image.avatar}}.Modul ini sebelumnya juga berisi metode untuk gambar bertema khusus seperti "fashion" atau "food", tetapi kini metode tersebut sudah tidak digunakan lagi. Jika Anda memerlukan kontrol lebih besar atas jenis gambar, Anda dapat meminta gambar berkategori menggunakan {{$image.urlLoremFlickr}}, menggunakan penyedia gambar secara langsung, atau menyediakan kumpulan gambar placeholder Anda sendiri.
avatar#
Menghasilkan URL gambar avatar acak.
avatarGitHub#
Menghasilkan avatar acak dari GitHub.
avatarLegacy#
Menghasilkan avatar acak dari https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar.
dataUri#
Menghasilkan data uri acak yang berisi gambar SVG yang dikodekan sebagai URL atau gambar SVG yang dikodekan sebagai Base64.| Nama | Tipe | Default | Deskripsi |
|---|
| color | string | {{$color.rgb}} | Warna gambar. Harus berupa warna yang didukung oleh svg. |
| height | number | {{$number.int(min=1,max=3999)}} | Tinggi gambar. |
| type | 'svg-uri' | 'svg-base64' | {{$helpers.arrayElements(['svg-uri','svg-base64'])}} | Tipe gambar. |
| width | number | {{$number.int(min=1,max=3999)}} | Lebar gambar. |
url#
Menghasilkan URL gambar acak.| Nama | Tipe | Default | Deskripsi |
|---|
| height | number | {{$number.int(min=1,max=3999)}} | Tinggi gambar. |
| width | number | {{$number.int(min=1,max=3999)}} | Lebar gambar. |
urlLoremFlickr#
| Nama | Tipe | Default | Deskripsi |
|---|
| category | string | | Kategori yang digunakan untuk gambar. |
| height | number | {{$number.int(min=1,max=3999)}} | Tinggi gambar. |
| width | number | {{$number.int(min=1,max=3999)}} | Lebar gambar. |
urlPicsumPhotos#
| Nama | Tipe | Default | Deskripsi |
|---|
| blur | 0 | 10 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{$number.int(max=10)}} | Apakah gambar harus diburamkan. 0 menonaktifkan pemburaman. |
| grayscale | boolean | {{$datatype.boolean}} | Apakah gambar harus berupa skala abu-abu. |
| height | number | {{$number.int(min=1,max=3999)}} | Tinggi gambar. |
| width | number | {{$number.int(min=1,max=3999)}} | Lebar gambar. |
urlPlaceholder#
| Nama | Tipe | Default | Deskripsi |
|---|
| backgroundColor | string | {{$color.rgb(prefix=' ',format='hex')}} | Warna latar belakang gambar. |
| format | 'gif' | 'jpeg' | 'jpg' | 'png' | 'webp' | {{$helpers.arrayElement(['gif','jpeg','jpg','png','webp'])}} | Format gambar. |
| height | number | {{$number.int(min=1,max=3999)}} | Tinggi gambar. |
| text | number | {{$color.rgb(prefix=' ',format='hex')}} | Teks yang ditampilkan pada gambar. |
| textColor | string | {{$number.int(min=1,max=3999)}} | WWarna teks gambar. |
| width | number | {{$number.int(min=1,max=3999)}} | Lebar gambar. |
Modified at 2026-06-11 10:17:04