[JavaScript] 자바스크립트에서 캔버스의 이미지 가공하기

208_자바스크립트에서 캔버스의 이미지 가공하기 [적용] 로딩한 이미지에 효과를 넣고 싶을 때 [문법] 메소드 의미 반환 context.putImageData(이미지) 이미지 데이터 입력 없음 [내용] putImageData()는 이미지를 콘텍스트에 대입하는 메소드로, 이미지를 가져오는 getImageData()와 반대의 기능을 가진다. 다음 샘플은 첫 번째 캔버스 요소에 이미지를 배치하고 getImageData()로 화소 배열을 가져온다. 모노크롬 값을 계산하여 새로 작성한 ImageData 객체에 값을 할당하고 두 번째 캔버스 요소에 putImageData()를 사용해 값을 대입한 모노크롬 사진을 표시한다. HTML index.html JavaScript main.js // 캔버스 요소 참조 cons..

2022.07.27