JavaScript에서 이미지 픽셀의 색상을 지정하는 방법은 무엇입니까?

Question

몇 가지 규칙에 따라 이미지 픽셀 색상을 찾는 방법을 찾고 있습니다. 일부 이미지가 있다고 가정 해 보겠습니다.

<div id="static"> 
    <img border="0" src="some/image.png"> 
</div> 

RGB (또는 다른 방법)를 기준으로 픽셀을 검정색으로 채색하고 싶습니다.

에 나는 ++

Java에서 어떻게 C에서 그렇게하는 소스를 발견 (example)

하지만 JavaScript을 수행하는 방법을 알고있다. .. hmmm

제발 도와주세요.

Answer 1

캔버스를 아주 천천히 사용하더라도 이와 유사한 작업을 수행 할 수 있어야합니다.

이미지를 캔버스로 변환 한 후 픽셀 색상을 얻는 방법은이 게시물을 참조하십시오. How to get a pixel's x,y coordinate color from an image?.

각 픽셀의 RGB를 검색하기 위해 for 루프를 사용하여 각 개별 픽셀의 좌표로 event.OffsetX 및 event.OffsetY를 대체해야합니다. 그런 다음 파란색의 RGB 값과 일치하지 않으면 픽셀 색을 검정색으로 바꾸고 파란색 인 경우 흰색으로 바꿉니다.

웹 작업자에게 오프로드하지 않는 한 브라우저를 잠그지 않고서도 느긋한 경계선이 아닐 수 있습니다 (개인적으로 캔버스의 성능을 알지 못했습니다). 다른 스레드에서 발생하므로 .