Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ดึงค่าจาก HTML5 Canvas ไปยัง JavaScript


เมื่อเราวาดอะไรบน 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