เมื่อเราวาดอะไรบน Canvas มันไม่เก็บความจำของสิ่งที่วาดไว้ ขณะวาดเราต้องติดตามข้อมูลที่จำเป็นทั้งหมดเองขณะวาด ดังนั้นจึงไม่เป็นไปได้ที่จะดึงค่าจาก HTML5 canvas ไปยัง JavaScript เนื่องจากมันไม่เก็บความจำ มันแค่วาดแบบนี้:
<canvas id="myCanvas" height="300" width="500" style="border:2px solid #808080;"></canvas>
เมื่อเพิ่มฟังก์ชันสำหรับปุ่มและคลิกที่มัน คุณจะไม่สามารถรับสิ่งที่ต้องการได้:
<div> <input type="button" value="Submit" onclick="submit()"> </div>
คุณจะไม่สามารถรับค่าเหล่านั้นจาก canvas ได้ เนื่องจาก canvas แค่ bitmap