어떤 형제가 아이디어를 줄 수 있나요?
데모를 해보면 어떨까요?
캔버스를 사용하여 이미지를 로드합니다. HTML5 캔버스에는 특정 지점의 픽셀 색상을 가져온 다음 색상을 더 밝게 만드는 getImageData() 메서드가 있지만(효과에 투명도를 추가할 수 있음) 원하는 색상이 아닐 수도 있습니다. 서버에 제출해 처리하는 것이 가장 좋은 것 같아요
getImageData()
이거 흰색 반투명 마스크 아닌가요?
말씀하신 대로 전체 사진의 메인 컬러를 구한 뒤 배경도 메인 컬러와 일치하도록 설정해야 하는데, 약간 밝은 컬러를 투명도를 사용하거나 줄여도 됩니다. 색상 깊이. 배경이 그림인 경우 색상에 따라 그림을 변경해야 합니다.
DBImageColorPicker 등 기본 색상을 얻기 위한 라이브러리가 많이 있습니다.
위쪽은 반투명 마스크, 아래는 확대된 아바타여야 합니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
캔버스를 사용하여 이미지를 로드합니다. HTML5 캔버스에는 특정 지점의 픽셀 색상을 가져온 다음 색상을 더 밝게 만드는
getImageData()메서드가 있지만(효과에 투명도를 추가할 수 있음) 원하는 색상이 아닐 수도 있습니다.서버에 제출해 처리하는 것이 가장 좋은 것 같아요
이거 흰색 반투명 마스크 아닌가요?
말씀하신 대로 전체 사진의 메인 컬러를 구한 뒤 배경도 메인 컬러와 일치하도록 설정해야 하는데, 약간 밝은 컬러를 투명도를 사용하거나 줄여도 됩니다. 색상 깊이. 배경이 그림인 경우 색상에 따라 그림을 변경해야 합니다.
DBImageColorPicker 등 기본 색상을 얻기 위한 라이브러리가 많이 있습니다.
위쪽은 반투명 마스크, 아래는 확대된 아바타여야 합니다