[WEB] 화면 캡쳐해서 PDF 로 뽑기.

Level : WORDPRESS BOOK LINKEDIN PATENT Send Mail 동냥하기 hajunho.com

<html>

<body>
    <div id="test">
        <h1> Hello! Screenshot Me!</h1>
    </div>
    <button id="btn">screenshot</button>
</body>
<script src="https://unpkg.com/jspdf@latest/dist/jspdf.umd.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/html2canvas@1.0.0-rc.7/dist/html2canvas.min.js"></script>
<script>
    window.onload = function () {
        console.log("Window is loaded")
        document.getElementById('btn').addEventListener("click", function () {
            html2canvas(document.getElementById('test')).then(function (canvas) {
                document.body.appendChild(canvas);
                var imgdata = canvas.toDataURL("image/jpg");
                var doc = new jspdf.jsPDF();
                doc.addImage(imgdata, "JPG", 10, 10);
                doc.save("sample.pdf");
            });
        })

    }

</script>

</html>

from. https://stackoverflow.com/questions/65335526/html-page-screenshot-to-pdf-using-html2canvas-and-jspdf

html page screenshot to pdf using html2canvas and jspdf

I am trying to create a receipt or invoice to pdf by screenshot of a php page. I found a source code on youtube and tried it for myself, however, it is not saving or downloading any pdf. here is th...

stackoverflow.com

저작자표시 변경금지

'HJH IT Logs' 카테고리의 다른 글

hit 되면 브라우저 여는 블루프린트 (0)	2023.10.26
hit 되면 게임 종료 하는 블루프린트 (0)	2023.10.26
유니콘 오픈소스 (0)	2022.10.22
main.c -> main.swift (0)	2022.05.30
왠지 플러그인 잘 만드는 곳 같아... (0)	2022.05.26