Leinwand: Rechtecke - Am Raster ausrichten / An Objekten ausrichten

Ich habe es geschafft, Fabric.js zu manipulieren, um einen Fang hinzuzufügen und die Grid-Funktionalität zu skalieren:

Nun möchte ich die Objektfunktion einrasten lassen. Meine Idee war es, die Überschneidung zweier Objekte zu überprüfen und dann die Bewegung irgendwie zu sperren. Ich weiß, es ist nicht der beste Versuch, aber zumindest schnappt es daran, aber erlaubt nicht, das Objekt weg zu bewegen. Und: Im Moment ist es nicht gut umgesetzt. Siehe: Ссылка

Ich habe drei Probleme:

1. Das "snap" funktioniert nicht gut, da das Objektattribut vom Zeiger abhängig ist. Replikation durch Ziehen des Objekts und Ansehen der Steuerelemente. Wenn Sie zum Beispiel das rote Rechteck nach links verschieben: 62, wird das Rechteck nicht mit dem blauen Rechteck geschnitten und kann sich immer noch entfernen. Wie kann ich den tatsächlichen linken Wert des Rechtecks ​​neu laden? Wegen meiner Rasterlinien ist es links: 100 und nicht links: 62.
2. Irgendeine Idee, wie ich der Objektfunktionalität einen Snap hinzufügen kann? Und Schnittpunkt verbieten?
3. Wie kann ich das für n Objekte und nicht nur für zwei überprüfen?

Danke für Ihre Kommentare.

PS: Das jsfiddle-Beispiel zeigt die Skalierung der Grid-Funktionalität nicht, da es Fabric.js Manipulation in Zeile benötigt: 11100