1. Produk
  2.   Gambar rajah
  3.   JavaScript
  4.   JS-Sequence-Diagrams
 
  

Open Source JavaScript API untuk Rajah Jujukan UML

Tukar Teks Mudah kepada Rajah Jujukan UML melalui Pustaka JavaScript Percuma Sumber Terbuka.

JS-Sequence-Diagrams memberi pembangun perisian keupayaan untuk menjana gambar rajah jujukan UML daripada teks mudah melalui perpustakaan JavaScript sumber terbuka. Rajah jujukan menunjukkan objek dan kelas yang terlibat dalam pembangunan dan susunan mesej yang ditukar antara objek. Pustaka menggunakan Jison untuk menghuraikan teks, dan Snap.svg untuk melukis imej.

Ia melukis rajah jujukan SVG mudah daripada perwakilan teks rajah. Perpustakaan termasuk dua gaya untuk membuat gambar rajah, "biasa" dan "lukisan tangan". Terdapat beberapa kelas CSS yang disediakan untuk penyesuaian gambar rajah SVG.

Previous Next

Bermula dengan Gambarajah Jujukan JS

Cara yang disyorkan untuk memasang JS Sequence Diagrams adalah dengan menjalankan bower; pasang bramp/js-sequence-diagrams dan sertakan skrip di bawah:

Pasang Rajah Jujukan JS melalui bower

 <script src="/{{ bower directory }}/bower-webfontloader/webfont.js" />

<script src="/{{ bower directory }}/snap.svg/dist/snap.svg-min.js" />

<script src="/{{ bower directory }}/underscore/underscore-min.js" />

<script src="/{{ bower directory }}/js-sequence-diagrams/build/sequence-diagram-min.js" />

juga, import CSS jika anda bercadang untuk menggunakan tema lukisan tangan:

Hasilkan Rajah Jujukan UML daripada Teks Mudah

Pustaka JS Sequence Diagrams membolehkan pembangun perisian menjana gambar rajah jujukan UML daripada teks mudah. Pustaka membenarkan anda menambah tajuk rajah dan meletakkan nota ke atas berbilang peserta. Keluaran terkini menggunakan Snap.svg bersama Raphaël untuk melukis gambar rajah. Snap.svg ialah pelaksanaan SVG tulen dan membenarkan penggunaan penggayaan CSS, sokongan fon yang lebih baik, animasi dan banyak lagi.

Eksport Rajah ke SVG melalui API JavaScript

JS Sequence Diagrams menyediakan ciri untuk mengeksport gambar rajah ke SVG melalui API JavaScript sumber terbuka. Setelah rajah dibuat, API membenarkan pengguna memuat turunnya dalam format SVG ke lokasi pilihan mereka. Rajah Jujukan JS telah memasukkan beberapa kelas CSS penting yang boleh digunakan pada gambar rajah SVG apabila menggunakan snap.svg. Ia telah memasukkan kelas urutan untuk memohon pada teg SVG utama, kelas tajuk untuk tajuk rajah, kelas pelakon untuk memohon kepada pelakon, kelas nota untuk semua nota dan kelas isyarat untuk memohon kepada isyarat.

 Melayu