자바 스크립트 이미지 다른 모양 자르기

Question

예를 들어 다양한 모양의 이미지 자르기가 필요한 응용 프로그램에서 작업을 시작합니다. 예를 들어 이미지를 업로드하고 사용자가 얻는 십자형 선택은 사람의 얼굴이나 자동차 모양 일 수 있습니다. 사랑의 모양 등. https://www.mystickerface.com/gettingstarted과 비슷한 것. 잠시 시간을내어 스매플 이미지를 업로드하십시오.

이 목적으로 사용할 수있는 자바 스크립트 라이브러리가 있습니까? Jcrop과 내가 본 일부 다른 것들은 직사각형 선택만을 제공합니다.

구현 방법에 대한 제안 사항을 알려주십시오.

Answer 1

html5 캔버스 또는 이전 트릭을 사용하여 수행 할 수 있습니다. 불규칙한 모양을 자르기를 원하면 이미지를 만들고 불규칙한 모양의 투명을 채우고 나머지는 배경과 같은 색으로 채운 다음 불규칙하게 만들려는 이미지 부분 위에 모양을 오버레이하고 필요한 경우 상위 z-index.

체크 아웃 How to generate color variations of the product을 확인하십시오.