使用jqueryui的圖片拖放問題

Question

一個完整的圓形比薩餅的圖像，它被手動切成12個完整比薩餅的1/12 ---->對不起，我無法上傳我的圖像。

我正在爲上面的圖像拖放。我有問題。首先在可拖動的情況下，我應該只根據分割數拖動完整披薩的一塊（這是我想要做的）。對於這個過程，我已經將完整的披薩切成12塊，並將它們手動定位，看起來像一個完整的披薩。但問題是，因爲圖像和/或div是正方形或矩形形狀，我不能將一個可拖動的片段與另一個可拖動的片斷區分開來，請給我一些解決方案。如果難以理解，請原諒我的語言。感謝您的努力提前。

Answer 1

認爲你需要的是HTML5 SVG。

http://www.w3.org/TR/SVG/shapes.html

拖動

SVG draggable using JQuery and Jquery-svg

背景圖像

Add a background image (.png) to a SVG circle shape