使用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