마스크 이미지 컴포넌트
- Nest
- Concept
- Category
- Programing
- Hit
- 235
- Star
- 1
회사에서 특별하게 만들어진 형태로 마스킹을 한 아바타를 컴포넌트를 만든적이 있었다.
특별한 라운드를 svg로 만들어서 이미지 엘리먼트를 마스킹을 한 엘리먼트를 만들면 좋아 보인다.
<mask-img src="img.jpg"/>
형태로 되어 보인데 커스텀 엘리먼트로 만들어두는것도 좋아 보인다.
아니면 다음과 같이 slot을 넣어도 될거같다.
<mask-img>
<img src="img.jpg"/>
</mask-img>
이런 형태도 좋지만 이리 된다면 어떤것을 집어넣을지 알 수 없긴하다.
하지만 비디오로 넣어도 되는 변형도 가능해 보이니 결코 무시할 순 없다.