공부-프레임워크, 개발도구/Javascript1 javascript로 이미지 분석해보기 (canvas, WebRTC) 구현방식(제일 하단에 실제 동작하는 코드가 기입되어 있습니다.) 1. 첫번째 좌표를 (x1,y1)로, 두번째 좌표를 (x2,y2)로 하였을 때 너비(w), 높이(h)를 변수로 기입한다. 2. 동적으로 이미지를 받아오기 위해 WebRTC를 사용하여 특정 프로세스 상황을 비디오로 불러온다. 3. 불러오기위해 start버튼을 누르고, snapshot을 누르면 canvas두개를 좌표에 맞게 비디오 이미지를 잘라온다. 첫번째 좌표에 따라 붉은색 좌표를 기준으로 잡고 너비와 높이에 맞게 해당 프로세스 이미지를 자른다. 두번째 좌표도 같은 방식으로 같은 너비와 높이에 맞게 해당 프로세스 이미지를 자른다. 그리고 제일 위에 있는 이미지는 두 이미지를 비교해서 픽셀값이 다른 부분을 R,G,B값이 달라지게 하여 가독성을 .. 2022. 7. 18. 이전 1 다음
