BorderedImage
An image with a border and label.
SVG selectors​
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 |
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');