도와주세요 선배님들...

Question

안녕하세요. 도저히 해결이 되지않아서 새벽5시가 다되가서야 글이라도 올려봅니다..도와주세요 선배님들.ㅠㅠㅠ 내용은 다음과 같습니다.. jsp 웹사이트 제작 중에있는데요 통계자료를 차트화 시킨 페이지를 pdf로 다운로드가 가능하도록 하려고합니다... pdf다운로드 하는 부분 까지는 완료했는데 문제는 다운로드하는 과정에서 특정 부분만 이미지가 께지고있습니다.. 이유를 도저히 모르겠내요..차트는 구글api 를 쓰고있습니다.... 웹에서 모습 PDF 모습위 모습대로 PDF화면이 께집니다.. 코드는 다음과 같습니다.

---구글차트---function drawChart1() { var data = google.visualization.arrayToDataTable([ ['전체사원 제어 현황', 'ON', 'OFF'], ['Wifi', ${c_count_on.wifi}, ${c_count_off.wifi}], ['Bluetooth', ${c_count_on.bluetooth}, ${c_count_off.bluetooth}], ['Tethering', ${c_count_on.tethering}, ${c_count_off.tethering}], ['Camera', ${c_count_on.camera}, ${c_count_off.camera}], ['VoiceRecord', ${c_count_on.voiceRecord}, ${c_count_off.voiceRecord}] ]); var options = { animation:{ startup: true, duration: 1000, easing: 'out' } }; var chart = new google.charts.Bar(document.getElementById('chart_div1')); chart.draw(data, google.charts.Bar.convertOptions(options)); } ---PDF다운----function pdfdown(){ html2canvas(document.getElementById('test'),{ onrendered: function(canvas) { var imgData = canvas.toDataURL('image/png',1); $("#target").html(''); var doc=new jsPDF('p','mm',"a4"); doc.addImage(imgData,'PNG',8,8,195,95); doc.save('Controller_On/off.pdf'); } }); } 혹시 글씨가 께지는 이유를 아시거나 해결방법을 아시는분은 답변부탁드립니다..ㅠㅠㅠ

꼬부기 · Answer

'현황'이라는 글자가 깨지는 것 말씀인가요?현황을 빼고 민들어도 깨지나요?

초코쪼꼬 · Answer

그냥보기에는 원본이 pdf 되면서 좌우가 압축되어서 글자가 좀 밀린거 같아보이네요. 예전에 pdf구현 했던 기능중에 부분 capture를 pdf해서 만드는 기능이 있었는데 이부분도 한번 알아보세요.

Kimsy · Answer

현황과 오른쪽 라인ON/OFF글자도 같이 께지고있습니다..현황을 빼도 다른 글자도 똑같이 해당 위치만 께지고있습니다..ㅜㅜ

Kimsy · Answer

CAPTURE를 pdf로 해서 만드는 jspdf를 활용해서 만든 작업이에요..ㅠㅠ

Kimsy · Answer

답변 주신분들 감사합니다..구글차트api를 캡처로 찍고pdf옮기는 과정에서 구글차트의 애니메이션 부분에서 캡처 부분을 잘 압축하지 못했던 결과를 가져온거 같습니다. 애니메이션 효과와 차트를 바꿔보니 정상적으로 pdf에 께지지않고 저장이되내요!

도와주세요 선배님들...

5개의 답변

Q&A 목록