합성 이미지의 색상을 변경하는 방법

Question

음영과 하이라이트가있는 복합 svg 객체가 있습니다. & 강조 표시의 음영 변경을 지정하지 않고도 객체 색상을 변경하는 방법이 있습니까?

채우기 및 불투명도를 변경할 수있는 상단의 svg 및 svg를 그레이 스케일로 사용해 보았습니다. 결과 색상이 평평하게 보입니다.

이 작업을 수행하는 라이브러리가 있습니까?

Answer 1

그레이 스케일 svg의 경로를 반복하는 알고리즘을 만들었는데 그 경로는 음영 (ta, Inkscape)으로 정렬되고 그늘을 변경하여 색상이 지정된 이미지를 만듭니다.

유용한 정보는 여기 tinting a shade 및 rgbToHex을 참조하십시오.

잘 작동했습니다. 하지만 이제는 "좋은"이미지를 얻으려면 150kb (음영 처리를위한 60 개의 경로, 2 개의 경로가 36kb 인 경로 당 약 10kb)의 svg 파일이 있습니다. 그리 좋지는 않았지만 특히 원본 PNG는 21kb에 불과했습니다. 그러나 검색 후, 최대 2GB의 모바일 앱 크기가 괜찮은 것 같습니다. 즉, 큰 png 파일을 사용하는 경우에도 약 10MB의 비늘을 내고있을 가능성이 높습니다.