imageData 잘못된 값 인쇄

Question

이미지의 픽셀을 조작하고 정수 값 (0-255)을 RGBA 값으로 저장해야합니다.

let imageData = this.context.getImageData(0, 0, this.width, this.height); 
imageData.data[1448] = 10; 
imageData.data[1449] = 20; 
imageData.data[1450] = 30; 
imageData.data[1451] = 40; 
this.context.putImageData(imageData, 0, 0); 

각 인덱스 다시 얻을 imageData의 인쇄 값이 결과 후에 :

IDX 1448: 13 

IDX 1449: 19, 

IDX 1450: 32 

IDX 1451: 40 

할당 된 값이 구해 값과 동일하지 않기 때문에 ???

감사합니다.

Answer 1

RGBA 픽셀의 알파를 변경하면 브라우저가 다른 색상 (RGB) 값을 업데이트합니다. 예를 들어, 알파 = 0을 사용하면 RGB 값도 0이됩니다.

이 문제를 해결하려면 다른 값에 영향을 미치지 않도록 alpha 값을 255로 지정하십시오.