Tổng quan mô-đun#
Đối với một hình ảnh ngẫu nhiên, hãy sử dụng {{$image.url}}. Lệnh này sẽ không trả về hình ảnh trực tiếp mà trả về một URL trỏ đến một hình ảnh từ một trong hai nhà cung cấp hình ảnh demo là "Picsum" và "LoremFlickr". Bạn có thể yêu cầu một hình ảnh cụ thể từ một trong hai nhà cung cấp bằng cách sử dụng {{$image.urlLoremFlickr}} hoặc {{$image.urlPicsumPhotos}}.Đối với một hình ảnh placeholder ngẫu nhiên chỉ chứa màu đơn sắc và văn bản, hãy sử dụng {{$image.urlPlaceholder}} (sử dụng một dịch vụ bên thứ ba) hoặc {{$image.dataUri}} (trả về một chuỗi SVG).Đối với một hình ảnh avatar người dùng ngẫu nhiên, hãy sử dụng {{$image.avatar}}.Mô-đun này trước đây cũng chứa các phương thức dành cho những hình ảnh theo chủ đề cụ thể như "fashion" hoặc "food", nhưng hiện các phương thức này đã không còn được khuyến nghị sử dụng. Nếu bạn cần kiểm soát nhiều hơn đối với loại hình ảnh, bạn có thể yêu cầu các hình ảnh được phân loại bằng {{$image.urlLoremFlickr}}, sử dụng trực tiếp một nhà cung cấp hình ảnh hoặc cung cấp tập hợp hình ảnh placeholder của riêng bạn.
avatar#
Tạo một URL hình ảnh avatar ngẫu nhiên.
avatarGitHub#
Tạo một avatar ngẫu nhiên từ GitHub.
avatarLegacy#
Tạo một avatar ngẫu nhiên từ https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar.
dataUri#
Tạo một data uri ngẫu nhiên chứa hình ảnh SVG được mã hóa URL hoặc hình ảnh SVG được mã hóa Base64.| Tên | Kiểu | Mặc định | Mô tả |
|---|
| color | string | {{$color.rgb}} | Màu của hình ảnh. Phải là màu được svg hỗ trợ. |
| height | number | {{$number.int(min=1,max=3999)}} | Chiều cao của hình ảnh. |
| type | 'svg-uri' | 'svg-base64' | {{$helpers.arrayElements(['svg-uri','svg-base64'])}} | Kiểu của hình ảnh. |
| width | number | {{$number.int(min=1,max=3999)}} | Chiều rộng của hình ảnh. |
url#
Tạo một URL hình ảnh ngẫu nhiên.| Tên | Kiểu | Mặc định | Mô tả |
|---|
| height | number | {{$number.int(min=1,max=3999)}} | Chiều cao của hình ảnh. |
| width | number | {{$number.int(min=1,max=3999)}} | Chiều rộng của hình ảnh. |
urlLoremFlickr#
| Tên | Kiểu | Mặc định | Mô tả |
|---|
| category | string | | Danh mục sử dụng cho hình ảnh. |
| height | number | {{$number.int(min=1,max=3999)}} | Chiều cao của hình ảnh. |
| width | number | {{$number.int(min=1,max=3999)}} | Chiều rộng của hình ảnh. |
urlPicsumPhotos#
| Tên | Kiểu | Mặc định | Mô tả |
|---|
| blur | 0 | 10 | 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{$number.int(max=10)}} | Hình ảnh có nên được làm mờ hay không. 0 sẽ tắt hiệu ứng làm mờ. |
| grayscale | boolean | {{$datatype.boolean}} | Hình ảnh có nên là thang độ xám hay không. |
| height | number | {{$number.int(min=1,max=3999)}} | Chiều cao của hình ảnh. |
| width | number | {{$number.int(min=1,max=3999)}} | Chiều rộng của hình ảnh. |
urlPlaceholder#
| Tên | Kiểu | Mặc định | Mô tả |
|---|
| backgroundColor | string | {{$color.rgb(prefix=' ',format='hex')}} | Màu nền của hình ảnh. |
| format | 'gif' | 'jpeg' | 'jpg' | 'png' | 'webp' | {{$helpers.arrayElement(['gif','jpeg','jpg','png','webp'])}} | Định dạng của hình ảnh. |
| height | number | {{$number.int(min=1,max=3999)}} | Chiều cao của hình ảnh. |
| text | number | {{$color.rgb(prefix=' ',format='hex')}} | Văn bản hiển thị trên hình ảnh. |
| textColor | string | {{$number.int(min=1,max=3999)}} | MMàu văn bản của hình ảnh. |
| width | number | {{$number.int(min=1,max=3999)}} | Chiều rộng của hình ảnh. |
Modified at 2026-06-11 10:23:06
