포시코딩

개요 Computer Vision 오픈 소스 라이브러리인 OpenCV.js를 통해 이미지 흑백처리, 이진화 등의 전처리 작업을 진행할 수 있다. https://docs.opencv.org/3.4/d5/d10/tutorial_js_root.html OpenCV: OpenCV.js Tutorials Core Operations In this section you will learn some basic operations on image, some mathematical tools and some data structures etc. docs.opencv.org 세팅 https://docs.opencv.org/3.4/d0/d84/tutorial_js_usage.html 위 링크에 들어가면 opencv.js 파..

개요 https://4sii.tistory.com/608 디아블로4 경매 사이트 만들기 (5) - OpenCV.js Template Matching 개요 https://4sii.tistory.com/607 디아블로4 경매 사이트 만들기 (4) - Vue에서 Drag&Drop, Crop, Tesseract 사용하기 개요 지금까지 React를 사용했지만 더 다양한 언어를 경험하고자 Vue를 사용하기로 결정했다. 4sii.tistory.com 이전 포스팅에서 opencv의 Template Matching 기능을 통해 미리 세팅해놓은 테두리 이미지와 일치하는 부분을 찾는 과정까지 진행해봤다. 이번에는 찾아낸 일치하는 부분을 tesseract를 통해 텍스트 인식을 시키기 위해 따로 잘라낼 건데 이 잘라내는 기능 ..

개요 https://4sii.tistory.com/607 디아블로4 경매 사이트 만들기 (4) - Vue에서 Drag&Drop, Crop, Tesseract 사용하기 개요 지금까지 React를 사용했지만 더 다양한 언어를 경험하고자 Vue를 사용하기로 결정했다. 마침 비교적 최근에 Vue 3.0 업데이트가 있어서 기존과 다른 부분이 생겼는데 아래 링크를 통해 확인 4sii.tistory.com 위 글에서 이어진다. 지금까지 업로드한 사진에 대해 특정 부분을 crop하고 해당 부분에서 텍스트 인식하는 방법까지 알아봤다. 다만, 텍스트 전체를 인식하기엔 인식률이 떨어져서 전처리 작업으로 보통 OpenCV를 통해 그레이스케일 작업을 거치기 때문에 나도 마찬가지로 그레이스케일을 진행하기로 결정했다. 그레이스케일..