개발자 도담씨

안뇽... 이전글에 이어 포스팅 또 왔다..😢 [ html2canvas / jszip ] html화면 캡쳐 zip파일로 다운받기 html2canvas + jszip을 같이 사용해서 자바스크립트만을 이용해 zip파일을 만들어서 뿌듯해 하고 있었는데... 다운 용량 제한이 있어서... 결국 php를 사용해야하는것이었다요... 그럼 이제 html2canvas로 만든 이미지를 base64 인코딩을 사용해 서버에 저장 후 zip파일을 만들려고한다. 이번에도 엄청 구글링 했다 :_) 벌써 3번째 언급하는 거지만 빠르게 훑어보고 가자. 자바스크립트에서는 canvas.toDataURL을 base64로 인코딩하여 ajax로 보내주었다. let url_arg = []; html2canvas(tag, { onrendered..

[html2canvas] 웹 화면을 이미지로 저장하는 방법 ( 캔버스 ) [html2canvas] 웹 화면을 이미지로 저장하는 방법 ( 캔버스 ) 회사 업무를 하다가 신기한 기능하나를 구현해서 기록하려한다. "웹페이지를 이미지화 시켜 저장하는 방법"이다. 백단으로 넘어가지 않고 라이브러리를 사용해 스크립트만 사용하여 페이지의 일부분을 저장하는 것.. do-dam.tistory.com 이전에 html2canvas를 이용해 html을 이미지로 변환하여 저장하는 포스팅을 한적이 있는데, 해당 기능은 기본으로 있는 다운로드 폴더에 이미지가 30개 40개씩 다운이 받아지니 아무래도 불편할때가 있었다. 그래서 혹시 zip파일로 할 수 있는지 알아보고 한번 해봐달라기에 열심히 검색해봤다. 검색 해본 결과 html2c..

회사 업무를 하다가 신기한 기능하나를 구현해서 기록하려한다. "웹페이지를 이미지화 시켜 저장하는 방법"이다. 백단으로 넘어가지 않고 라이브러리를 사용해 스크립트만 사용하여 페이지의 일부분을 저장하는 것이다. 해당 기능을 도와준 친구들은 html2canvas라는 친구다 :D https://html2canvas.hertzen.com/ html2canvas - Screenshots with JavaScript Try out html2canvas Test out html2canvas by rendering the viewport from the current page. Capture html2canvas.hertzen.com 자바스크립트 코드만 간단히 들고 왔다. download버튼을 클릭시 section을 모..