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

วิธีใช้ GoJS HTML5 Canvas Library สำหรับการวาดไดอะแกรมและกราฟ


GoJS เป็นไลบรารี JavaScript ซึ่งคุณสามารถใช้เพื่อสร้างไดอะแกรมแบบโต้ตอบได้ หน้านี้จะแสดงข้อมูลสำคัญเกี่ยวกับการใช้ GoJS หากคุณต้องการเพิ่มไดอะแกรมและกราฟ ให้ใช้ไลบรารีนี้ ซึ่งเป็นโอเพ่นซอร์ส

GoJS มีสถาปัตยกรรม model-view ซึ่ง Models มีอาร์เรย์ของออบเจกต์ JavaScript ซึ่งอธิบายโหนดและลิงก์ หากต้องการแสดงภาพข้อมูลนี้โดยใช้วัตถุ Node และ Link จริง ไดอะแกรมจะทำหน้าที่เป็นมุมมอง

การสร้างไดอะแกรมด้วย GoJS จะสร้างองค์ประกอบ HTML5 Canvas เพื่อวางภายในองค์ประกอบ DIV ที่กำหนด

วิธีการวาดไดอะแกรม

เริ่มทำงานกับ GoJS คุณต้องประกาศไลบรารีในเอกสาร HTML ด้วยเหตุนี้ คุณต้องโหลดไลบรารีด้วย โหลดไลบรารี GoJS go.js

หากต้องการเพิ่ม ให้ลิงก์ไปที่ไลบรารี GoJS ซึ่งคุณจะได้รับจาก CDNJS นอกจากนี้ หากต้องการ คุณสามารถดาวน์โหลด GoJS Library

ต่อไปนี้คือวิธีที่คุณสามารถเพิ่มด้วย CDNJS -

<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.20/go-debug.js"></script>

หมายเหตุ :โหลด go-debug.js เมื่อพัฒนาสำหรับการตรวจสอบข้อผิดพลาดรันไทม์ เมื่อปรับใช้ ให้ไปที่ “go.js”

วิธีใช้ GoJS HTML5 Canvas Library สำหรับการวาดไดอะแกรมและกราฟ