html5 캔버스 이미지 합성

Question

검정과 같은 특정 색상을 키잉하는 동안 이미지 (jpeg)를 오버레이 할 수 있습니까? 이미지의 모든 순수한 검은 픽셀이 투명 해지니까요? Photoshop의 "화면"혼합 모드와 비슷합니까?

나는 캔버스 컨텍스트의 globalCompositeOperation 속성을 살펴 보았지만 아무 것도 그 트릭을 수행하지 않는 것 같습니다.

감사합니다.

Answer 1

직접 픽셀 조작을 조사하고 싶을 것입니다. 천천히하지만 속도가 좋은 결과를 얻는 것만 큼 중요하지 않다면 그렇게하십시오. 더 도움

for (y = 0; y < height; y++) { 
    inpos = y * width * 4; // *4 for 4 ints per pixel 
    outpos = inpos + w2 * 4 
    for (x = 0; x < w2; x++) { 

     g = imageData.data[inpos++]/3; 
     a = imageData.data[inpos++];  

     if(g > someValue) 
       a = someNewAlpha; 

     imageData.data[outpos++] = a; 
    } 
} 

이는 OpenGL에서 여러 가지 방법이 있어요하지만 난 그들이하지가 어떻게해야 무엇을 알고, 당신의 응용 프로그램에 적용됩니다 모르겠어요 http://beej.us/blog/data/html5s-canvas-2-pixel/

를 참조하십시오.