How to track collisions of SVG objects?

Question

JavaScript

The task when dragging an SVG object is to track its collision with another object and do something. If, for example, there are only 2 objects, then it would be possible to use standard tools like getBoundingClientRect () and catch a collision during the OnDrag event. But what if there are many elements? Maybe there are some ready-made libraries for such purposes?

Answer 1

https://greensock.com/draggable - check it out. I haven't used it myself, but it fits the description. + Knowledgeable people advised me this in some cases.

Answer 2

Paper.js is good at calculating this.