Canvas 객체를 이미지로 AWS S3에 업로드 하기
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