This commit is contained in:
Knut Sveidqvist 2021-01-21 21:20:35 +01:00
parent 89c8b3e3dd
commit 22da3bdba7
1 changed files with 18 additions and 8 deletions

View File

@ -17,6 +17,9 @@
.mermaid2 {
display: none;
}
.mermaid svg {
font-size: 36px !important;
}
</style>
</head>
<body>
@ -55,7 +58,6 @@ flowchart TD
class T TestSub
linkStyle 0,1 color:orange, stroke: orange;
</div>
-> ->> ->>> -)
<div class="mermaid" style="width: 50%; height: 20%;">
sequenceDiagram
Actor1 -) Actor2:Async
@ -63,16 +65,23 @@ flowchart TD
Actor1 ->> Actor2:Sync
Actor1 -->> Actor2:Sync dotted
</div>
<div class="mermaid" style="width: 50%; height: 20%;">
<div class="mermaid2" style="width: 50%; height: 20%;">
flowchart TD
C -->|fa:fa-car Car| F[fa:fa-car Car]
</div>
<div class="mermaid2" style="width: 50%; height: 20%;">
%%{init: {"fontFamily": "arial2"}}%%
<div class="mermaid" style="width: 50%; height: 20%;">
%%{init: { 'logLevel': 0, 'theme': 'forest'} }%%
graph TD
A[Christmas]
A(Start) --> B[/Another/]
A[/Another/] --> C[End]
subgraph section
B
C
end
</div>
<div class="mermaid2" style="width: 50%; height: 20%;">
<div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {'theme': 'base' }}%%
%%{init2: { 'logLevel': 0, 'theme': 'forest'} }%%
flowchart TD
L1 --- L2
L2 --- C
@ -116,10 +125,11 @@ graph TD
// gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorFontFamily: 'courier',actorMargin: 50, showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated
// fontFamily: '"arial", sans-serif',
fontFamily: '"arial", sans-serif',
fontFamily: 'courier',
curve: 'cardinal',
securityLevel: 'loose'
securityLevel: 'loose',
sequence:{mirrorActors:false}
});
function callback(){alert('It worked');}
</script>