home

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

ใช้ GoJS HTML5 Canvas Library วาดแผนภาพและกราฟ

GoJS เป็นไลบรารี JavaScript สำหรับสร้างแผนภาพโต้ตอบ (interactive diagrams) โอเพนซอร์ส ใช้งานง่าย

GoJS ใช้สถาปัตยกรรม Model-View: Models เก็บอาร์เรย์ของ JavaScript objects อธิบาย nodes และ links Diagrams ทำหน้าที่ views เพื่อแสดงผลจริง

การสร้าง Diagram ด้วย GoJS จะสร้าง HTML5 Canvas element วางใน DIV ที่กำหนด

เริ่มต้นใช้งาน

  1. โหลดไลบรารี GoJS จาก CDNJS: <script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>
  2. ใช้ go-debug.js ตอนพัฒนา (มี error checking) ตอน deploy ใช้ go.js
  3. สร้าง DIV container แล้ว initialize Diagram

GoJS เหมาะสำหรับ: Flowcharts, Org charts, Mind maps, UML diagrams, Graph editors, และการแสดงข้อมูลเชิงกราฟที่ซับซ้อน