Перенаправление на другие HTML через функцию onclick на элементе SVG

Question

Я пытаюсь перенаправить на другую HTML страницу, когда нажимаю на элемент svg. Вот как я это попробовал.

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

Буду признателен за некоторую помощь

Answer 1

Вы можете заключить прямоугольник в элемент <a> следующим образом:

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>