[JavaScript] 자바스크립트에서 캔버스 화소 정보 다루기

206_자바스크립트에서 캔버스 화소 정보 다루기 [적용] 화소 정보를 확인하고 싶을 때 이미지 가공을 위한 화소의 정보를 가져오고 싶을 때 [문법] 메소드 의미 반환 context.getImageData(x, y, width, height) 지정 영역 화소 정보 가져오기 ImageData 객체 [내용] getImageData()를 사용해 캔버스 콘텍스트의 화소 정보를 가져오며, 반환값은 ImageData객체이다. HTML index.html JavaScript main.js // 캔버스 요소 참조 const canvas = document.querySelector('#my-canvas'); // 콘텍스트 가져오기 const context = canvas.getContext('2d'); // 색상 지정 c..

2022.07.27