If...Else

1) canvas 태그에 이미지 그리기 drawImage() 메소드를 사용하여 이미지를 그린다. const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const image = document.getElementById('source'); ctx.drawImage(image, 0, 0); 2) base64 문자열로 변환 canvas에 그린 이미지를 toDataURL() 메서드를 활용하여 base64 문자열로 받을 수 있다. console.log(canvas.toDataURL()); console.log 결과 data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoC..

Base64가 뭐지?? “Base 64″란 8비트 이진 데이터(예를 들어 실행 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 문자열로 바꾸는 인코딩 방식을 가리키는 개념이다. Base64 이미지 사용 이 아이콘을 Base64로 인코딩하면 아래와 같은 문자값을 얻을 수 있다. (http://www.base64-image.de/) data:image/gif;base64,R0lGODlhDwAOAPYBAAAAAP///+Pj5MzS6qy33bfA4sDI5dne8I6e0JGg0Zim1Jqo1aGu2H6SyZOj0HWMxYWYytbY3V98vLG801p9ulN6u2SHw0JvtYiix8vU4TBmsDBmrx9fqyJgrEB1uGCOxRpeqoGjygdXpwlYpw5aqBVhrGOUx6C..