SVG- how to define reference/anchor points <p>Is it possible to define some kind of <strong>anchor/reference point</strong> inside an SVG? Ideally as an attribute, probably custom, as I haven't found some built in. A possible application of such an attribute would be very similar to the one of text-anchor: <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/text-anchor" rel="nofollow">text-anchor</a></p> <p>My main purpose is to be able to place one SVG on top of another, just like placing text at a specific point of an SVG. The idea is that the <strong>anchors</strong> of each SVG should <strong>match</strong> inside a global co-ordination system for simplicity).</p> <p>Thanks for any info!</p> <p><em>similar question</em>: <a href="https://stackoverflow.com/questions/19728471/rects-equivalent-to-texts-text-anchor-presentation-attribute">transform-translate</a></p>