ต่อไป »

[tatalas]

หนูทดลองทำตามจากเว็บ

โค๊ด:

https://html2canvas.hertzen.com/

แล้วไม่เป็นอย่างที่หนูต้องการค่ะ

คือหนูต้องการ capture screen หน้า page ปัจจุบัน เฉพาะ div ที่ต้องการ แล้วโหลดเป็นไฟล์รูปภาพอัตโนมัติค่ะ แต่ทีนี้ ลอง code ตัวอย่างจากในเว็บ พอรันดูแล้ว code ทำงานนะค่ะ แต่ไปทำงานอยู่ในรูปแบบเป็นข้อความอยู่ใน console ค่ะ หน้าเว็บไม่มีอะไรเกิดขึ้นเลย

หนูต้องทำอย่างไงค่ะ ช่วยแนะนำทีค่ะ

หรือพอมีวิธีไหนแนะนำอีกไหมค่ะ

[60ss]

อ้างอิง selector ถูกหรือเปล่าครับ

<div id="capture" style="padding: 10px; background: #f5da55">
    <h4 style="color: #000; ">Hello world!</h4>
</div>

<script>
    html2canvas(document.querySelector("#capture")).then(canvas => {
        document.body.appendChild(canvas)
    });
</script>

ลองดูตัวอย่างที่ผมเขียนคร่าวๆนะครับ กรณที่ถ้าอยากสร้างปุ่มเพื่อกดดาวน์โหลดด้วย codepen/60ss/XBrVjL