Skip to main content
Version: 4.1

BorderedImage

An image with a border and label.

SVG selectors​

Supported attrs properties:

SelectorNodeDescription
rootSVGGElementContainer of all nodes
imageSVGImageElementImage body of the shape
borderSVGRectElementBorder around the image
backgroundSVGRectElementArea behind the image
labelSVGTextElementText below the image
const borderedImage = new shapes.standard.BorderedImage();
borderedImage.resize(150, 100);
borderedImage.position(225, 410);
borderedImage.attr('root/title', 'shapes.standard.BorderedImage');
borderedImage.attr('label/text', 'Bordered\nImage');
borderedImage.attr('border/rx', 5);
borderedImage.attr('image/xlinkHref', 'image.png');

Stay in the know

Be where thousands of diagramming enthusiasts meet

Star us on GitHub