Moving and shaking

 

I've got an image with a rectangular clipping path. When I click and hold down the mouse button I can drag the picture around (using getClientX/Y and then setting new coordinates). When the mouse reaches a clipping-path (rectangle) boundary I cannot drag the element further.

 

What I want to do on "mousedown" is to make a new clipping-path like a circle (or any shape for that matter) in front of everthing else (to avoid bumping into any other objects) which is bigger than the rectangle, and then 'make it active' so that I can move the mouse inside the circle boundaries instead of the rectangle boundaries.  When I release the mouse the circle is to be deleted (or sent to the back) and the original object is to be made 'active'.

 

Is there a way to 'change focus' from the rectangle to the circle on "onmousedown"?

 

 

(hope anyone understood this, kind of hard explaining :-) )

 

 

Øyvind Bollingmo / Pinnacle Gfx