通过 SVG 元素上的 onclick 功能重定向到其他 HTML

Question

I am trying to redirect to another HTML Page when i click on my svg element. Here is how i tried it.

 draw.rect(300, 250).move(1100, 200).attr ({ 
                fill: 'grey',
                stroke: '#000',
                'stroke-width': 3
                })
                .click(function() {
                   href="./index.html"
                })

Would apreciate some help

Answer 1

You can wrap the rect in a <a> element like so:

 svg{border:solid}

 <svg width="250" viewBox="-10 -10 320 220"> <a xlink:href="https://stackoverflow.com/"> <rect width="300" height="200" fill="grey" stroke="#000" stroke-width="3" /> </a> </svg>