An image with a border and label.

Supported attrs properties

Selector Node Description
root SVGGElement Container of all nodes
image SVGImageElement Image body of the shape
border SVGRectElement Border around the image
background SVGRectElement Area behind the image
label SVGTextElement Text below the image
var borderedImage = new joint.shapes.standard.BorderedImage();
borderedImage.resize(150, 100);
borderedImage.position(225, 410);
borderedImage.attr('root/title', 'joint.shapes.standard.BoarderedImage');
borderedImage.attr('label/text', 'Bordered\nImage');
borderedImage.attr('border/rx', 5);
borderedImage.attr('image/xlinkHref', 'image.png');
borderedImage.addTo(graph);