html2canvas 이미지 누락현상

Question

html2canvas(document.getElementById(&#34;rptnBody&#34;), { logging: true, letterRendering: 1, allowTaint: true, useCORS: true }).then(function(canvas){ // 캔버스를 이미지로 변환 imgData &#61; canvas.toDataURL('image/png', 1); $(&#34;#invoiceData&#34;).val(imgData); $(&#34;#testImg&#34;).attr(&#34;src&#34;, imgData); return false; }); 현재 이렇게 코드를 구성해서 디버깅중인데 img 태그로 된 이미지들을 가져오질 못하네요 로그 확인 결과 이미지를 찾고 Succesfully 까지 나오는데 말이죠.. 무슨 문제가 있을까요? 357ms html2canvas: Document clonedhtml2canvas.min.js:7 362ms html2canvas: Initialized CanvasRenderer with size 1920 x 1003html2canvas.min.js:7 363ms html2canvas: Starting NodeParserhtml2canvas.min.js:7 379ms html2canvas: Fetched nodes, total: 293html2canvas.min.js:7 380ms html2canvas: Calculate overflow clipshtml2canvas.min.js:7 415ms html2canvas: Start fetching imageshtml2canvas.min.js:7 417ms html2canvas: Added image #1 http://localhost:24083/K-LOGI/images/invoice/invoiceLogo.svghtml2canvas.min.js:7 421ms html2canvas: Finished searching imageshtml2canvas.min.js:7 434ms html2canvas: Succesfully loaded image #1 f {src: &#34;http://localhost:24083/K-LOGI/images/invoice/invoiceLogo.svg&#34;, image: img, tainted: null, promise: i}html2canvas.min.js:7 435ms html2canvas: Images loaded, starting parsinghtml2canvas.min.js:7 435ms html2canvas: Creating stacking contextshtml2canvas.min.js:7 439ms html2canvas: Sorting stacking contextshtml2canvas.min.js:7 442ms html2canvas: Render queue created with 182 itemshtml2canvas.min.js:7 590ms html2canvas: Finished renderinghtml2canvas.min.js:7 591ms html2canvas: Cropping canvas at: left: 475 top: 5 width: 970 height: 803html2canvas.min.js:7 592ms html2canvas: Resulting crop with width 970 and height 803 with x 475 and y 5html2canvas.min.js:7

이설란 · Answer

canvas.toDataURL('image/png', 1);이거를 canvas.toDataURL(); 이렇게 하시면 URL이 나올 것 같습니다.테스트 환경이 안되서 확인을 못해드리네요. ㅠㅠ

html2canvas 이미지 누락현상

1개의 답변

Q&A 목록