如何巧妙地放置矩形

Question

我有一个这样的对象，它有下面的SVG矩形，

 Rectangle-obj = [{ 'x' : 10, 'y' : 10, 'width' : 200, 'height' : 200}.......]

这些矩形会附加在一个主矩形中。

(x:0, y: 0, width: 300, height: 300)

我需要检查它是否与另一个元素发生碰撞，如果碰撞，需要巧妙地放置碰撞的矩形。

如何实现这一目标，有没有可用的功能？