marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-21 01:06:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

Styling of sequence diagrams from css classes

Browse Source
This commit is contained in:
knsv
2014-12-21 20:59:11 +01:00
parent 307c599a0e
commit 5fc873468d
9 changed files with 235 additions and 181 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/diagrams/sequenceDiagram/svgDraw.js
View File

@@ -12,6 +12,10 @@ exports.drawRect = function(elem , rectData){
rectElem.attr("rx", rectData.rx);
rectElem.attr("ry", rectData.ry);
if(typeof rectData.class !== 'undefined'){
rectElem.attr("class", rectData.class);
}
return rectElem;
};
@@ -20,7 +24,7 @@ exports.drawText = function(elem , textData){
textElem.attr('x', textData.x);
textElem.attr('y', textData.y);
textElem.style('text-anchor', textData.anchor);
textElem.style('fill', textData.fill);
textElem.attr('fill', textData.fill);
textData.text.split('<br>').forEach(function(rowText){
var span = textElem.append('tspan');
@@ -29,6 +33,10 @@ exports.drawText = function(elem , textData){
span.text(rowText);
});
if(typeof textData.class !== 'undefined'){
textElem.attr("class", textData.class);
}
return textElem;
};
@@ -38,8 +46,9 @@ exports.drawLabel = function(elem , txtObject){
rectData.y = txtObject.y;
rectData.width = 50;
rectData.height = 20;
rectData.fill = '#339933';
rectData.fill = '#526e52';
rectData.stroke = 'none';
rectData.class = 'labelBox';
//rectData.color = 'white';
var label = exports.drawRect(elem, rectData);
@@ -54,7 +63,7 @@ exports.drawLabel = function(elem , txtObject){
exports.getTextObj = function(){
var rect = {
var txt = {
x: 0,
y: 0,
'fill':'black',
@@ -66,7 +75,7 @@ exports.getTextObj = function(){
rx: 0,
ry: 0
};
return rect;
return txt;
};
exports.getNoteRect = function(){