JavaScript สร้าง Barcode ด้วย jsBarcode
บทความนี้สอนเขียน JavaScript สร้าง Barcode ด้วย jsBarcode เป็น library สำหรับสร้างรหัสบาร์โค้ด รองรับหลายรูปแบบ ใช้งานง่าย ทำงานได้บนเว็บบราวเซอร์ เราจะเรียนรู้วิธีการติดตั้ง jsBarcode การเขียนโค้ดสร้างรหัสบาร์โค้ด และแสดงผลลัพธ์ออกสู่หน้าเว็บไซต์ มีรายละเอียดดังนี้
ตัวอย่าง JavaScript สร้าง Barcode ด้วย jsBarcode
1. ติดตั้ง jsBarcode library ผ่าน CDN
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jsbarcode/3.11.6/JsBarcode.all.min.js"></script>
2. กำหนดพื้นที่การแสดงรหัสบาร์โค้ด ด้วยแท็ก svg กำหนด attribute id เท่ากับ barcode
<svg id="barcode"></svg>
3. เรียกใช้ jsBarcode library เพื่อสร้างรหัสบาร์โค้ดด้วยคำสั่ง JsBarcode กำหนดพารามิเตอร์ 2 ค่าคือ 1.พื้นที่การแสดงผลรหัสบาร์โค้ด และ 2.รหัสบาร์โค้ด
<script>
JsBarcode("#barcode", "256611211403");
</script>จากโค้ดกำหนดให้แสดงรหัสบาร์โค้ดที่ element id เท่ากับ barcode และกำหนดรหัสบาร์โค้ดคือ "256611211403"
