이미지에서 웹 페이지의 모양을 만들고 JavaScript를 사용하여 채우기를 변경하는 방법

Question

투명한 배경을 가진 검은 색 양말 모양의 PNG 이미지가 있습니다.

이 이미지를 웹 페이지에 삽입하고 자바 스크립트 (jQuery)를 사용하여 검정색에서 유효한 웹 색상으로 도형을 채울 수 있기를 원합니다.

플래시없이 이것을하고 싶습니다. 가능합니다.

내 연구에서 이미지를 html 테이블로 변환 할 수 있지만 비효율적이라고 확신합니다.

또한 Vector/SVG 그래픽이 여기에 도움이 될 수도 있지만이를 구현하는 방법을 모르겠다.

도움을 주시면 감사하겠습니다.

나는 밤 낮과 웹 디자이너에 의해 개발자는 여전히 학습 ...입니다 :)

Answer 1

이 방법은 PNG 이미지로는 불가능하지만 Illustrator를 사용하여 이미지를 SVG로 직접 내보낼 수 있습니다. SVG는 HTML과 같은 xml 기반 마크 업이므로 프로그래밍 방식으로 자바 스크립트로 이미지를 변경할 수 있습니다.

Answer 2

이 유 Google 크롬 expermients을 확인 했습니까? 그들에게는 정말 유익한 것들이 있습니다.