JQuery UI - 可拖動（） - 捕捉旋轉後的圖片

Question

這是我的第一個關於Stack Overflow的問題，但在過去我已經找到了許多我的問題的答案。謝謝大家的辛勤工作，我希望我能夠最終回覆;-)

我正在開發軌道建設者，其中軌道件可以拼接在一起（即插槽賽車）。 JQuery UI中的可拖動方法對此非常完美。但是，軌道碎片是可以以45度角旋轉的小圖像。一旦圖片旋轉，快照選項不起作用。

任何人都可以簡單地向我解釋捕捉選項的工作原理嗎？請記住，我的挑戰是能夠對齊而不是以規則網格對齊圖像。

Answer 1

我希望這可以與CSS轉換工作。我做了一個快速小提琴測試，你可以試試here。