Skip to main content

InscribedImage

An image inscribed in an ellipse with a label.

SVG selectors

Supported attrs properties:

SelectorNodeDescription
rootSVGGElementContainer of all nodes
imageSVGImageElementImage inscribed in the ellipse
borderSVGEllipseElementBorder around the ellipse
backgroundSVGEllipseElementArea of the ellipse
labelSVGTextElementText 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');

Stay in the know

Be where thousands of diagramming enthusiasts meet

Star us on GitHub