| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | |||||
| 3 | 4 | 5 | 6 | 7 | 8 | 9 |
| 10 | 11 | 12 | 13 | 14 | 15 | 16 |
| 17 | 18 | 19 | 20 | 21 | 22 | 23 |
| 24 | 25 | 26 | 27 | 28 | 29 | 30 |
| 31 |
Tags
- NeXT
- antd
- CSS
- vscode
- VUE
- components
- error
- 리액트기초
- 프론트엔드개발
- axios
- 프론트엔드
- 상태관리
- form
- TradingVIew
- 리액트
- FRONT
- 시멘틱태그
- err
- react
- vue-cli-service
- type
- npm
- Chart
- Package
- JavaScript
- develop
- 이미지
- useState
- Download
- frontend
Archives
- Today
- Total
목록setAttribute (1)
개발쬬
[javascript | Vue] 이미지 다운로드 기능 만들기 (canvas/url활용)
get으로 받은 소스를 화면에 뿌리고> 그 이미지를 다운로드 받으려면 canvas를 활용해 가능하다. 👉 template (표현되어질 부분) 👉 template (다운로드 버튼) 다운받기mdi-arrow-down-bold-circle 👉 methods a 태그를 임의로 생성해 canvas 속성을 대입해 다운로드 기능을 동작하게 해준다 download() { var a = document.createElement("a"); // a.setAttribute("download", "파일이름" + ".png"); a.setAttribute( "href", document .getElementById("canvas") .toDataURL("image/png") .replace("image/png", "image/..
쬬는 개발중
2022. 12. 2. 13:18