Question

I have got multiple elements in my canvas. I want to find all elements that are intersecting/overlapping currently chosen element.

Is there a way to find this out in raphael Js???

EDIT
To clarify further, lets suppose I get an element by getByID(), is there a way for me to get ALL elements(that are already present in canvas) that intersect with it.

Answer 1

Thought a little bit more and I think the best solution should be converting the elements into paths and then comparing if they are intersecting. (I have used jQuery in my example, but ou can easily do it without jQuery).

intersectArray=new Array();  
paper.forEach(function (e) {
    isIntersection=Raphael.pathIntersection(currentElement.attr("path"), e.attr("path"));  //Need to check with currentElement
    if(!jQuery.isEmptyObject(isIntersection)) intersectArray[]=e.node.id; //assuming e has got ID. You can put any identifier for e.
}

I dont think that for rect and circle you can get a path. But it is pretty easy to write a function for converting rect into path (since you know x,y all you need to do is add combination of width and Height). For circle use this link.

I was hoping to get a function embedded in Raphael that could do this, but as Joker said “Can’t rely on anyone these days, you have to do everything yourself, don’t we!”. Just Kidding. RaphaelJs is damn neat.