โอเพ่นซอร์ส JavaScript API สำหรับไดอะแกรมลำดับ UML
แปลงข้อความธรรมดาเป็นไดอะแกรมลำดับ UML ผ่านไลบรารี JavaScript แบบโอเพ่นซอร์สฟรี
JS-Sequence-Diagrams ช่วยให้นักพัฒนาซอฟต์แวร์สามารถสร้างไดอะแกรมลำดับ UML จากข้อความธรรมดาผ่านไลบรารี JavaScript โอเพ่นซอร์ส ไดอะแกรมลำดับแสดงอ็อบเจ็กต์และคลาสที่เกี่ยวข้องกับการพัฒนาและลำดับของข้อความที่แลกเปลี่ยนระหว่างอ็อบเจ็กต์ ไลบรารีใช้ Jison เพื่อแยกวิเคราะห์ข้อความ และ Snap.svg เพื่อวาดภาพ
มันวาดไดอะแกรมลำดับ SVG อย่างง่ายจากการแสดงข้อความของไดอะแกรม ไลบรารีประกอบด้วยสองสไตล์เพื่อแสดงไดอะแกรม "ปกติ" และ "วาดด้วยมือ" มีคลาส CSS หลายคลาสสำหรับการปรับแต่งไดอะแกรม SVG
เริ่มต้นใช้งาน JS Sequence Diagrams
วิธีที่แนะนำในการติดตั้ง JS Sequence Diagrams คือการเรียกใช้ bower; ติดตั้ง bramp/js-sequence-diagrams และรวมสคริปต์ด้านล่าง:
ติดตั้ง JS Sequence Diagrams ผ่าน 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" />
นอกจากนี้ ให้นำเข้า CSS หากคุณวางแผนที่จะใช้ธีมที่วาดด้วยมือ:
สร้างไดอะแกรมลำดับ UML จากข้อความธรรมดา
ไลบรารี JS Sequence Diagrams ช่วยให้นักพัฒนาซอฟต์แวร์สร้างไดอะแกรมลำดับ UML จากข้อความธรรมดา ไลบรารีช่วยให้คุณเพิ่มชื่อไดอะแกรมและจดบันทึกทับผู้เข้าร่วมหลายคนได้ รุ่นล่าสุดใช้ Snap.svg ร่วมกับราฟาเอลในการวาดไดอะแกรม Snap.svg เป็นการนำ SVG ไปใช้จริงและอนุญาตให้ใช้การจัดสไตล์ CSS การสนับสนุนแบบอักษรที่ดีขึ้น แอนิเมชั่น และอื่นๆ
ส่งออกไดอะแกรมเป็น SVG ผ่าน JavaScript API
JS Sequence Diagrams มีคุณสมบัติสำหรับการส่งออกไดอะแกรมไปยัง SVG ผ่าน JavaScript API แบบโอเพนซอร์ส เมื่อสร้างไดอะแกรมแล้ว API จะอนุญาตให้ผู้ใช้ดาวน์โหลดในรูปแบบ SVG ไปยังตำแหน่งที่ต้องการ JS Sequence Diagrams ได้รวมคลาส CSS ที่สำคัญหลายคลาสที่สามารถนำไปใช้กับไดอะแกรม SVG เมื่อใช้ snap.svg ประกอบด้วยคลาสลำดับสำหรับใช้กับแท็ก SVG หลัก คลาสชื่อสำหรับชื่อไดอะแกรม คลาสนักแสดงสำหรับใช้กับนักแสดง คลาสโน้ตสำหรับโน้ตทั้งหมด และคลาสสัญญาณสำหรับใช้กับสัญญาณ
