Image

이미지를 생성하는 모듈입니다.

모듈 개요

무작위 이미지에는 {{$image.url}}을(를) 사용하십시오. 이는 이미지를 직접 반환하지 않고, 두 데모 이미지 제공업체인 "Picsum" 및 "LoremFlickr" 중 하나의 이미지를 가리키는 URL을 반환합니다. {{$image.urlLoremFlickr}} 또는 {{$image.urlPicsumPhotos}}을(를) 사용하여 두 제공업체 중 하나에서 이미지를 구체적으로 요청할 수 있습니다.

단색과 텍스트만 포함된 무작위 자리 표시자 이미지에는 {{$image.urlPlaceholder}}(타사 서비스 사용) 또는 {{$image.dataUri}}(SVG 문자열 반환)을(를) 사용하십시오.

무작위 사용자 아바타 이미지에는 {{$image.avatar}}을(를) 사용하십시오.

이 모듈에는 이전에 "fashion" 또는 "food"와 같이 특정 테마의 이미지를 위한 메서드도 포함되어 있었지만, 현재는 더 이상 사용되지 않습니다. 이미지 유형을 더 세부적으로 제어해야 하는 경우 {{$image.urlLoremFlickr}}을(를) 사용하여 분류된 이미지를 요청하거나, 이미지 제공업체를 직접 사용하거나, 자체 자리 표시자 이미지 세트를 제공할 수 있습니다.

avatar

무작위 아바타 이미지 URL을 생성합니다.

반환값: string

예시

avatarGitHub

GitHub에서 무작위 아바타를 생성합니다.

반환값: string

예시

avatarLegacy

https://cloudflare-ipfs.com/ipfs/Qmd3W5DuhgHirLHGVixi6V76LhCkZUz6pnFt5AJBiyvHye/avatar에서 무작위 아바타를 생성합니다.

반환값: string

예시

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)}}`	이미지의 너비입니다.

반환값: string

예시

url

무작위 이미지 URL을 생성합니다.

매개변수

이름	유형	기본값	설명
height	number	`{{$number.int(min=1,max=3999)}}`	이미지의 높이입니다.
width	number	`{{$number.int(min=1,max=3999)}}`	이미지의 너비입니다.

반환값: string

예시

urlLoremFlickr

https://loremflickr.com을(를) 통해 제공되는 무작위 이미지 URL을 생성합니다.

매개변수

이름	유형	기본값	설명
category	string		이미지에 사용할 카테고리입니다.
height	number	`{{$number.int(min=1,max=3999)}}`	이미지의 높이입니다.
width	number	`{{$number.int(min=1,max=3999)}}`	이미지의 너비입니다.

반환값: string

예시

urlPicsumPhotos

https://picsum.photos을(를) 통해 제공되는 무작위 이미지 URL을 생성합니다.

매개변수

이름	유형	기본값	설명
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)}}`	이미지의 너비입니다.

반환값: string

예시

urlPlaceholder

https://via.placeholder.com/을(를) 통해 제공되는 무작위 이미지 URL을 생성합니다.

매개변수

이름	유형	기본값	설명
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)}}`	이미지의 너비입니다.

반환값: string

예시

모듈 개요#

avatar#

avatarGitHub#

avatarLegacy#

dataUri#

url#

urlLoremFlickr#

urlPicsumPhotos#

urlPlaceholder#

모듈 개요

avatar

avatarGitHub

avatarLegacy

dataUri

url

urlLoremFlickr

urlPicsumPhotos

urlPlaceholder