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

#5232 Enabling handdrawn mode

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-10-28 12:53:03 +01:00
parent d790e353b0
commit 0af08276d2
4 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
cypress/platform/knsv2.html
View File

@@ -32,7 +32,7 @@
<style> <style>
body { body {
/* background: rgb(221, 208, 208); */ /* background: rgb(221, 208, 208); */
background: #333; /* background: #333; */
font-family: 'Arial'; font-family: 'Arial';
/* color: white; */ /* color: white; */
/* font-size: 18px !important; */ /* font-size: 18px !important; */
@@ -127,9 +127,10 @@ kanban
}; };
mermaid.initialize({ mermaid.initialize({
// theme: 'base', // theme: 'base',
theme: 'default', // theme: 'default',
// theme: 'forest',
// handDrawnSeed: 12, // handDrawnSeed: 12,
look: 'handDrawn', // look: 'handDrawn',
// 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX', // 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX',
// layout: 'dagre', // layout: 'dagre',
// layout: 'elk', // layout: 'elk',

1
packages/mermaid/src/diagrams/kanban/kanbanDb.ts
View File

@@ -66,6 +66,7 @@ const getData = function () {
ticket: section.ticket, ticket: section.ticket,
shape: 'kanbanSection', shape: 'kanbanSection',
level: section.level, level: section.level,
look: conf.look,
} satisfies KanbanNode; } satisfies KanbanNode;
_nodes.push(node); _nodes.push(node);
const children = nodes.filter((n) => n.parentId === section.id); const children = nodes.filter((n) => n.parentId === section.id);

2
packages/mermaid/src/diagrams/kanban/styles.ts
View File

@@ -24,6 +24,8 @@ const genSections: DiagramStylesProvider = (options) => {
i - 1 i - 1
} polygon, .section-${i - 1} path { } polygon, .section-${i - 1} path {
fill: ${adjuster(options['cScale' + i], 10)}; fill: ${adjuster(options['cScale' + i], 10)};
stroke: ${adjuster(options['cScale' + i], 10)};
} }
.section-${i - 1} text { .section-${i - 1} text {
fill: ${options['cScaleLabel' + i]}; fill: ${options['cScaleLabel' + i]};

2
packages/mermaid/src/rendering-util/rendering-elements/clusters.js
View File

@@ -339,7 +339,7 @@ const kanbanSection = async (parent, node) => {
fill: clusterBkg, fill: clusterBkg,
// fill: 'red', // fill: 'red',
stroke: clusterBorder, stroke: clusterBorder,
fillWeight: 3, fillWeight: 4,
seed: handDrawnSeed, seed: handDrawnSeed,
}); });
const roughNode = rc.path(createRoundedRectPathD(x, y, width, height, node.rx), options); const roughNode = rc.path(createRoundedRectPathD(x, y, width, height, node.rx), options);