앱에서 Google과 유사한 아바타 만들기

보석만 확인하고 스토리를 준비하지 않은 사람들을 위한 기능: https://github.com/igorkasyanchuk/avatarro

내 이동통신사의 많은 프로젝트에서 사용자가 사진이 없을 때 사용자에게 일부 "아바타"이미지를 표시해야 하는 상황을 처리해야 했습니다. 일반적으로 종이 클립, 캐리어 웨이브와 같은 보석을 사용하여 폴백을 만들고 더미 사진을 반환합니다.

더 흥미로운 해결책은 Google(및 기타 여러 업체)과 같이 원형이나 직사각형에 사용자의 이니셜을 표시하는 것입니다.

우리가 사용한 첫 번째 솔루션은 사용자 지정 html/css 및 매우 간단한 도우미입니다. 이 솔루션은 현재 내 프로젝트 중 하나에 있습니다.

그러나 바로 오늘 저는 이것을 훨씬 더 잘 처리하기 위해 새로운 gem을 만들었습니다: https://github.com/igorkasyanchuk/avatarro .

이제 gem의 메서드를 사용할 수 있습니다.

  <%= image_tag Avatarro.image(current_user.full_name), size: '24x24' %>
  <%= image_tag Avatarro.image("Igor Kasyanchuk", solid: true), size: '24x24' %>
  <%= image_tag Avatarro.image("IK"), size: '32x32' %>
  <%= raw Avatarro.svg("IK") %>
  <%= image_tag Avatarro.image(current_user.full_name, random: true, solid: true), size: '20x20', style: 'margin-right: 5px; border-radius: 50%' %>

내부에 사용자 이니셜이 있는 멋진 이미지를 얻을 수 있습니다. 이미지는 SVG 이미지이므로 모든 화면에서 멋지게 보입니다.



PS: 메인 로직은 여기에 있습니다: https://github.com/igorkasyanchuk/avatarro/blob/main/lib/avatarro.rb#L49 .

여러분의 의견을 기다리겠습니다.