Как найти позицию прямоугольника в документе SVG при щелчке мышью?

Question

У меня есть много квадратных ящиков внутри документа SVG. Как найти, какую ячейку я нажал, показывая, какую позицию столбца и строки я нажал?

Answer 1

Если SVG находится в HTML файл и если добавить clickable класс к каждому элементу интерактивному вы можете попробовать использовать Javascript

const elements = document.querySelectorAll('.clickable') 
for (let i = 0; i < elements.length; i++) { 
    const element = elements[i]; 
    element.addEventListener('click', (e) => { 
    console.log(e.target); 
    }); 
} 

события сопоставить целевое свойство, которое ваш клику элемента.