임이지의 블로그

비주얼 스튜디오 코드를 실행하고 파일 - 새파일 을 실행한다. HelloCV.py 파일을 생성 아래 코드를 입력 하고 실행한다. import cv2 print('Hello, OpenCV', cv2.__version__)

영상처리/OpenCV Python 2021. 5. 12. 10:27

파이선 설치 Tensorflow 까지 설치하려면 최신 버전으로 설치하면 안된다. 아직 호환이 안되서 동작하지 않으니 유의 www.python.org/downloads/ Download Python The official home of the Python Programming Language www.python.org pip 명령으로 opencv 설치 명령 프롬프트를 실행하여 아래 명령어 실행 pip install opencv-python pip install opencv-contrib-python 비주얼 스튜디오 코드 설치 code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code edito..

영상처리/OpenCV Python 2021. 5. 12. 10:25

이전 포스팅은 구글 드라이브와 연동에 대해서 포스팅 했다 이번에는 OpenCV 함수를 사용하는 방법에 대해서 정리 하도록 한다. overface.tistory.com/572 COLAB 구글드라이브(Google Drive) 연동 PC 방에서 OpenCV + Python 설치하다가 계속 실패해서 다른 방법을 찾아 보았다. 구글에서 제공하는 Colab 이라는 것을 사용하면은 다른 설치 없이 웹상에서 파이썬 모듈을 사용 할 수 있다고 한다. overface.tistory.com 이미지를 표기하기 위해서 구글드라이브에 lenna.bmp 파일을 업로드 하였다. 코드+ 탭을 클릭하여 소스코드를 아래와 같이 입력하였다. 기본 경로는 /cotent/gdrive/My Drive 이다. lenna.bmp 사진파일을 Cola..

개발 환경/COLAB 2021. 5. 12. 10:18

PC 방에서 OpenCV + Python 설치하다가 계속 실패해서 다른 방법을 찾아 보았다. 구글에서 제공하는 Colab 이라는 것을 사용하면은 다른 설치 없이 웹상에서 파이썬 모듈을 사용 할 수 있다고 한다. 이번 포스팅에서는 Colab 에 구글 드라이브 연동 하는 것을 작성 하기로 한다. 구글 코랩 접속 http://colabcolab.research.google.com/ 접속 한다. 아래과 같은 화면이 나올 것이고 새 노트를 클릭 한다. 새 노트를 생성하면 아래와 같은 화면이 나온다. IPYNB 파일에 이름을 원하는 것으로 변경한다. 구글 드라이브 연동 코드창에 아래와 같은 명령어를 입력 한다. from google.colab import drive drive.mount('/content/gdriv..

개발 환경/COLAB 2021. 5. 12. 10:14

PYAUTOGUI 설치 커맨드 명령창(CMD)에 아래 명령 입력 pip install pyautogui 정상 설치 확인 pip show 'application' 명으로 설치 여부를 확인할 수 있습니다. PYAUTOGUI 스크린 캡쳐 만들기 PYAUTOGUI로 클릭하고 싶은 부분의 스크린 캡쳐를 찍고 클릭하게 만들기 import pyautogui # 마우스와 키보드를 제어를 하기 위해 IMPORT 함 # 현재 좌표 알아오기 pyautogui.position() 마우스 제어 API # 마우스 좌표 이동하기 pyautogui.moveTo(141, 429) # 마우스 좌표 이동하기 (2초 동안) pyautogui.moveTo(141, 429, 2) # 현재 마우스 좌표 위치에서 이동 하기 (2초 동안) pyau..

컴퓨터 언어/Python 2021. 5. 12. 10:09

TensorFlow.js 를 사용하다가 Canvas 객체의 이미지 데이터를 접근하려 하다가 아래 오류가 발생하였다. drawCanvas는 HTML에서 선언한 이미지를 그리는 용도로 사용하였다. // HTML 선언부 // shape img 객체를 canvas 에 그리는 코드 function imageDraw() { var img = document.getElementById("shape"); ctx.drawImage(img, 0, 0); } // canvas 의 데이터를 접근하여 추론 하는 코드 async function predict() { // predict can take in an image, video or canvas html element var canvas = document.getEleme..

Web/HTML JS 2021. 5. 11. 11:13

Teacable Machine 을 이용하여 모델을 javascript 에서 사용하는 형태로 export 하면 아래와 같은 example 코드를 확인 할 수 있다. 상기 코드는 webcam 의 canvas 의 영상을 전송 받아서 tensorflow 로 추론 하는 코드이다. Teachable Machine Image Model Start 모델을 로드 하는 코드 모델을 로드하는 코드는 아래와 같다. Teachable Machine 으로 만든 모델을 로드하는 코드이다. const URL = "https://teachablemachine.withgoogle.com/models/VS7xWXrlQ/"; let model, webcam, labelContainer, maxPredictions; // Load the i..

Web/HTML JS 2021. 5. 10. 20:55

HTML 상에 Canvas에서 그려진 객체를 이미지로 업로드하는 방법에 대해서 조사하였다. toDataURL toDataURL란? HTML5 Canvas의 제공 함수 중에 하나이며 Canvas의 내용을 data URL 문자열로 변환한다. 원하는 인코딩 타입으로 변환 가능 변환된 데이터 - data : 마임 타입; base64, 이미지를 변환한 문자열 toDataURL 메서드를 사용하여서 canvas를 이미지로 변환하는 코드이다. toDataURL의 경우 모질라 파이어 폭스에서는 image/jpeg, image/webp 두 가지만 허용함으로 주의해야 한다. 브라우저마다 API의 지원범위가 조금씩 다르다. var dataUrl = canvas.toDataURL("image/jpeg"); var blobDat..

Web/HTML JS 2021. 5. 10. 15:25