UML Ardıcıllıq Diaqramları üçün Açıq Mənbəli JavaScript API
Açıq Mənbəli Pulsuz JavaScript Kitabxanası vasitəsilə Sadə Mətni UML Ardıcıllıq Diaqramına çevirin.
JS-Sequence-Diagrams proqram tərtibatçılarına açıq mənbə JavaScript kitabxanası vasitəsilə sadə mətndən UML ardıcıllığı diaqramlarını yaratmaq imkanı verir. Ardıcıllıq diaqramı inkişafda iştirak edən obyektləri və sinifləri və obyektlər arasında mübadilə edilən mesajların ardıcıllığını göstərir. Kitabxana mətni təhlil etmək üçün Jison-dan, şəkli çəkmək üçün isə Snap.svg-dən istifadə edir.
O, diaqramın mətn təsvirindən sadə SVG ardıcıllıq diaqramlarını çəkir. Kitabxana diaqramı göstərmək üçün iki üslubdan ibarətdir, "normal" və "əllə çəkilmiş". SVG diaqramının fərdiləşdirilməsi üçün bir neçə CSS sinifləri təqdim olunur.
JS Sequence Diaqramları ilə Başlamaq
JS Sequence Diaqramlarını quraşdırmaq üçün tövsiyə olunan yol bower-i işə salmaqdır; bramp/js-sequence-diaqramlarını quraşdırın və aşağıdakı skriptləri daxil edin:
Bower vasitəsilə JS Sequence Diaqramlarını quraşdırın
<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" />
həmçinin, əl ilə çəkilmiş mövzudan istifadə etməyi planlaşdırırsınızsa, CSS-i idxal edin:
Sadə mətndən UML ardıcıllığı diaqramlarını yaradın
JS Sequence Diagrams kitabxanası proqram tərtibatçılarına sadə mətndən UML ardıcıllığı diaqramlarını yaratmağa imkan verir. Kitabxana sizə diaqramın başlığını əlavə etməyə və çoxsaylı iştirakçılar üzərində qeydlər yerləşdirməyə imkan verir. Ən son buraxılış diaqramları çəkmək üçün Raphaël ilə birlikdə Snap.svg-dən istifadə edir. Snap.svg təmiz SVG tətbiqidir və CSS üslubunun, daha yaxşı şrift dəstəyinin, animasiyaların və s. istifadəyə icazə verir.
Diaqramı JavaScript API vasitəsilə SVG-yə ixrac edin
JS Sequence Diaqramları açıq mənbə JavaScript API vasitəsilə diaqramların SVG-yə ixracı üçün funksiyalar təqdim edir. Diaqram yaradıldıqdan sonra API istifadəçilərə onu SVG formatında seçdikləri yerə endirməyə imkan verir. JS Sequence Diaqramları snap.svg istifadə edərkən SVG diaqramına tətbiq oluna bilən bir neçə mühüm CSS siniflərini ehtiva edir. Buraya əsas SVG teqinə müraciət etmək üçün ardıcıllıq sinifləri, diaqramın başlığı üçün başlıq sinfi, aktyorlara müraciət etmək üçün aktyor sinfi, bütün qeydlər üçün qeyd sinfi və siqnallara müraciət etmək üçün siqnal sinfi daxildir.
