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

updated tilted cylinder

Browse Source
This commit is contained in:
saurabhg772244
2024-08-21 19:59:41 +05:30
parent 121e27e850
commit 4e8a7e0b4c
1 changed files with 10 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/mermaid/src/rendering-util/rendering-elements/shapes/tiltedCylinder.ts
View File

@@ -13,6 +13,11 @@ function createCylinderPathD(rx: number, ry: number, w: number, h: number) {
A ${rx} ${ry} 0 0 0 ${-w / 2} ${h / 2} A ${rx} ${ry} 0 0 0 ${-w / 2} ${h / 2}
L ${w / 2} ${h / 2} L ${w / 2} ${h / 2}
A ${rx} ${ry} 0 0 0 ${w / 2} ${-h / 2} A ${rx} ${ry} 0 0 0 ${w / 2} ${-h / 2}
`;
}
function createInnerPathD(rx: number, ry: number, w: number, h: number) {
return `M${w / 2} ${-h / 2}
A ${rx} ${ry} 0 0 0 ${w / 2} ${h / 2}`; A ${rx} ${ry} 0 0 0 ${w / 2} ${h / 2}`;
} }
@@ -38,7 +43,11 @@ export const tiltedCylinder = async (parent: SVGAElement, node: Node) => {
const cylinderPath = createCylinderPathD(rx, ry, w, h); const cylinderPath = createCylinderPathD(rx, ry, w, h);
const cylinderNode = rc.path(cylinderPath, options); const cylinderNode = rc.path(cylinderPath, options);
const tiltedCylinder = shapeSvg.insert(() => cylinderNode, ':first-child'); const innerPath = createInnerPathD(rx, ry, w, h);
const innerNode = rc.path(innerPath, options);
let tiltedCylinder = shapeSvg.insert(() => innerNode, ':first-child');
tiltedCylinder = shapeSvg.insert(() => cylinderNode, ':first-child');
tiltedCylinder.attr('class', 'basic label-container'); tiltedCylinder.attr('class', 'basic label-container');