Skip to main content
Version: 4.1

ShadowLink

A thicker line with shadow.

SVG selectors​

Supported attrs properties:

SelectorNodeDescription
rootSVGGElementContainer of all nodes
lineSVGPathElementVisible connection of the link
shadowSVGPathElementShadow of the connection
const shadowLink = new shapes.standard.ShadowLink();
shadowLink.prop('source', { x: 550, y: 600 });
shadowLink.prop('target', { x: 500, y: 750 });
shadowLink.prop('vertices', [{ x: 550, y: 700 }]);
shadowLink.attr('root/title', 'shapes.standard.ShadowLink');
shadowLink.attr('line/stroke', '#5654a0');

Stay in the know

Be where thousands of diagramming enthusiasts meet

Star us on GitHub