Computer >> Máy Tính >  >> Lập trình >> HTML

Làm thế nào để sử dụng GoJS HTML5 Canvas Library để vẽ sơ đồ và đồ thị?


GoJS là một thư viện JavaScript mà bạn có thể sử dụng để triển khai các sơ đồ tương tác. Trang này sẽ cho bạn thấy những điều cần thiết khi sử dụng GoJS. Nếu bạn muốn thêm sơ đồ và đồ thị, hãy sử dụng thư viện này, là Mã nguồn mở.

GoJS có kiến ​​trúc dạng xem mô hình, trong đó Mô hình chứa các mảng đối tượng JavaScript, mô tả các nút và liên kết. Để trực quan hóa dữ liệu này bằng cách sử dụng các đối tượng Node và liên kết thực tế, các Sơ đồ hoạt động như các khung nhìn.

Tạo Sơ đồ bằng GoJS sẽ tạo một phần tử HTML5 Canvas được đặt bên trong phần tử DIV đã cho.

Cách vẽ sơ đồ

Bắt đầu làm việc với GoJS, bạn cần khai báo thư viện trong tài liệu HTML. Cùng với đó, bạn cũng cần tải thư viện. Tải thư viện GoJS go.js.

Để thêm, hãy liên kết tới thư viện GoJS mà bạn có thể lấy từ CDNJS. Ngoài ra, nếu muốn, bạn có thể tải xuống Thư viện GoJS.

Đây là cách bạn có thể thêm nó bằng CDNJS -

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

Lưu ý :Tải go-debug.js khi phát triển để kiểm tra lỗi thời gian chạy. Khi triển khai, hãy truy cập “go.js”.

Làm thế nào để sử dụng GoJS HTML5 Canvas Library để vẽ sơ đồ và đồ thị?