문자열에 따른 이미지를 구현해준다 아래 test이외에도 유저의 아이디나 이메일을 동적으로 입력하면 해당 문자열에 맞는 이미지를 랜덤하게 그려준다. 이미지는 문자열 즉 유저의 아이디나 이메일이 바뀌지 않으면 바뀌지 않는다.
- npm install gravatar --save @types/gravatar
<img src={gravatar.url('test', { s: '100', r: 'x', d: 'retro' }, true)} alt="" />
- default 종류(d 프로퍼티)
- mp (mystery person): 신비한 인물의 실루엣을 표시합니다.
- identicon: 이메일 해시를 기반으로 생성된 기하학적 패턴을 표시합니다.
- monsterid: 이메일 해시를 기반으로 생성된 몬스터 이미지를 표시합니다.
- wavatar: 이메일 해시를 기반으로 생성된 얼굴 이미지를 표시합니다.
- retro: 이메일 해시를 기반으로 생성된 픽셀 아트 스타일의 얼굴 이미지를 표시합니다.
- robohash: 이메일 해시를 기반으로 생성된 로봇 이미지를 표시합니다.