html2canvas 버튼 위치에 따라 데이터 길이가 달라집니다.

Question

안녕하세요html2canvas를 사용하여 pdf로 변환후 데이터 base64로 뽑은후 빽으로 보내는데이벤트 버튼 위치에 따라 pdf는 다운은 되지만 제대로 캡처가 안되는지 데이터길이가 상당히 작습니다.너무신기해서 미칠꺼같습니다. ㅎㅎ밑에 대충이렇습니다.pdf 스크립트html화면

신청폼

값이있다는가정하에

딱 저렇게 영역이 잡혀있구요.위에버튼을 눌러야 제대로 pdf화면이 나오구요아래버튼을 눌렀을시에는 페이지는 맞지만 빈페이지가 나옵니다. ㅠ좋은답변 부탁드립니다.

녹호 · Accepted Answer

document.getElementById("pdfArea").style.display = "none"; //로딩 시작document.getElementById("pdfArea").style.opacity = "0"; //불투명도를 then() 안으로 넣어보세요.

겸둥이l · Answer

해결했습니다. 문제는 스크롤 문제였습니다. html2canvas 가 스크롤에 따라 캡처랜더링이 되고 안되고 하네요.그래서 방법은 옵션부분에 scrollY: -window.scrollY 추가하면 전체 윈도우 화면 기준으로 랜더링하는거같습니다.

html2canvas 버튼 위치에 따라 데이터 길이가 달라집니다.

2개의 답변

#html2canvas 목록