[Canvas] RGB 색상 변환 코드 개선

My Canvas video 포스트

MDN pixel manipulation 읽던 중이었는데 별 건 아니지만 더 좋아보였음

canvas는 픽셀 조작이 가능하다는 게 정말 매력적인 것 같다. 그게 이미지건 비디오건...

---

기존 코드

for (let i = 0; i < leng; i++) {
    switch (colorValue) {
        case 'red':
            imageData.data[i * 4 + 0] = 255;
            break;
        case 'green':
            imageData.data[i * 4 + 1] = 255;
            break;
        case 'blue':
            imageData.data[i * 4 + 2] = 255;
            break;
    }
}

---

코드 update

for (let i = 0; i < imageData.data.length; i += 4) {
    switch (colorValue) {
        case 'red':
            imageData.data[i] = 255;
            break;
        case 'green':
            imageData.data[i + 1] = 255;
            break;
        case 'blue':
            imageData.data[i + 2] = 255;
            break;
    }
}