How to get the specific element inside SVG on which click was made?
this.svgEl = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
var s = Snap(this.svgEl);
var svgFromApi = (new DOMParser()).parseFromString("svg image from API", "image/svg+xml");
s.clear();
s.append(svgFromApi.documentElement);
this.divElementRef.nativeElement.appendChild(this.svgEl);
this.svgElement.onclick = ()=> {
//Need to get on which element inside SVG it was clicked.
}
Try this
this.svgEl.onclick = (event) => {
// event.target should contain the element that was clicked on
}