InscribedImage
An image inscribed in an ellipse with a label.
SVG selectors​
Supported attrs
properties:
Selector | Node | Description |
---|---|---|
root | SVGGElement | Container of all nodes |
image | SVGImageElement | Image inscribed in the ellipse |
border | SVGEllipseElement | Border around the ellipse |
background | SVGEllipseElement | Area of the ellipse |
label | SVGTextElement | Text below the shape |
const inscribedImage = new shapes.standard.InscribedImage();
inscribedImage.resize(150, 100);
inscribedImage.position(225, 410);
inscribedImage.attr('root/title', 'shapes.standard.InscribedImage');
inscribedImage.attr('label/text', 'Inscribed Image');
inscribedImage.attr('border/strokeWidth', 5);
inscribedImage.attr('background/fill', 'lightgray');
inscribedImage.attr('image/xlinkHref', 'image.png');