บทความนี้ส่วนใหญ่แนะนำผืนผ้าใบ HTML5 เพื่อวาดเส้นประ HTML5 ไม่ได้ให้วิธีการวาดเส้นประ บทความนี้ได้รับการแก้ไขตามวิธีการสแต็กล้น เพื่อนที่ต้องการมันสามารถอ้างถึงมันได้
HTML5 Canvas มีฟังก์ชั่นมากมายสำหรับการวาดกราฟิก แต่น่าเสียดายที่ Canvas API มีฟังก์ชั่นสำหรับการวาดเส้นทึบ (lineto) เท่านั้น แต่ไม่ได้ให้วิธีการวาดเส้นประ การออกแบบดังกล่าวบางครั้งอาจทำให้เกิดความไม่สะดวก David Flanagan ผู้เขียนคู่มือผู้มีอำนาจของ JavaScript เชื่อว่าการตัดสินใจดังกล่าวเป็นปัญหาโดยเฉพาะอย่างยิ่งเมื่อการปรับเปลี่ยนและการดำเนินการตามมาตรฐานนั้นค่อนข้างง่าย (…สิ่งที่เป็นเรื่องเล็กน้อยที่จะเพิ่มลงในข้อกำหนด —HTTP: //lists.whatwg.org/pipermail/whatwg-whatwg.org/2007-may/011224.html)
บนสแต็กล้น Phrogz ให้การดำเนินการของตัวเองของเส้นประ (http://stackoverflow.com/questions/4576724/dotted-stroke-in-incanvas) ซึ่งการพูดอย่างเคร่งครัดคือการดำเนินการของเส้นที่ดีกว่า) ดังนั้นฉันควรทำอย่างไรถ้าฉันต้องการวาดเส้นประ (ดังแสดงในรูปด้านล่าง)
ต่อไปนี้คือการใช้งานของฉันเองซึ่งรองรับการวาดเส้นแนวแนวนอนและแนวตั้งเท่านั้น คุณสามารถอ้างถึงวิธีการของ Phrogz และ Rod MacDougall เพื่อเพิ่มฟังก์ชั่นของการวาดสแลช
คัดลอกรหัส