붉은거위 노트 (redgoose note)

마스크 이미지 컴포넌트

Nest
Concept
Category
Programing
Hit
31
Star
1

-2022-09-08-12-39-44.png

회사에서 특별하게 만들어진 형태로 마스킹을 한 아바타를 컴포넌트를 만든적이 있었다.
특별한 라운드를 svg로 만들어서 이미지 엘리먼트를 마스킹을 한 엘리먼트를 만들면 좋아 보인다.

<mask-img src="img.jpg"/> 형태로 되어 보인데 커스텀 엘리먼트로 만들어두는것도 좋아 보인다.
아니면 다음과 같이 slot을 넣어도 될거같다.

<mask-img>
  <img src="img.jpg"/>
</mask-img>

이런 형태도 좋지만 이리 된다면 어떤것을 집어넣을지 알 수 없긴하다.
하지만 비디오로 넣어도 되는 변형도 가능해 보이니 결코 무시할 순 없다.