티스토리 뷰
반응형
https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toDataURL
HTMLCanvasElement.toDataURL()
The HTMLCanvasElement.toDataURL() method returns a data URI containing a representation of the image in the format specified by the type parameter (defaults to PNG). The returned image is in a resolution of 96 dpi.
developer.mozilla.org
canvas toDataURL 퀄리티 및 사이즈 조절
var fullQuality = canvas.toDataURL('image/jpeg', 1.0); <=최고의 퀄리티
// data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ...9oADAMBAAIRAxEAPwD/AD/6AP/Z"
var mediumQuality = canvas.toDataURL('image/jpeg', 0.5); <=중간 퀄리티
var lowQuality = canvas.toDataURL('image/jpeg', 0.1); <= 낮은 퀄리티
반응형
'Programming > javascript' 카테고리의 다른 글
| [jquery] 엔터키 누르면 버튼 눌리게 적용하기 (조회, 등록) (0) | 2020.03.15 |
|---|---|
| [jquery] input type에 자동으로 쿠폰 4자리 마다 하이픈, 대문자로 변경하기 정규식 스크립트 (0) | 2020.03.15 |
| [javascript] preventDefault , stopPropagation 사용 (0) | 2019.04.30 |
| 버튼 onclick 한 번만 실행하기 (0) | 2019.04.30 |
| 유튜브 api 사용하기 (0) | 2019.04.05 |
댓글
반응형