[Solved] How to add page links to svg circle?

by


Welcome to StackOverflow.

You can just wrap your circles with a-tags, like you would do with most of the other elements in a html-document.

<svg viewBox="0 0 300 100">
    <a href="https://stackoverflow.com/link1">
        <circle cx="50" cy="50" r="25"/>
    </a>
    <a href="http://stackoverflow.com/link2">
        <circle cx="125" cy="50" r="25"/>
    </a>
    <a href="http://stackoverflow.com/link3">
        <circle cx="200" cy="50" r="25"/>
    </a>
</svg>

Notice: For future posts, please read and follow the posting guidelines in the help documentation, as suggested when you created your account. See: On topic and How to ask.

solved How to add page links to svg circle?