使多边形选择器在圆圈中跟随鼠标,Snap SVG

时间:2016-04-29 12:12:45

标签: jquery snap.svg

我有一个轮子,我放入了元素供用户选择。我们的想法是,方向盘中的选择器应该跟随鼠标并且" snap"当鼠标悬停时,每个元素。

我在Snap SVG中创建了一个元素圈,它按照我想要的方式 - 除非我从0度到337.5度,然后选择器围绕圆圈移动。 我希望选择器能够达到-22.5度,所以它不会花很长时间。

现在,我用它来为选择器设置动画:

p2.animate({
    transform: ['r'+ r, 400, 400]
}, 500, mina.easein, function() {});

p2是选择器,而r是鼠标悬停的元素的旋转度。

我已使用完整代码创建了JSFiddle

问题 - 我认为 - 是Snap SVG中的旋转与当前位置无关,但每次都是0度。

任何人都可以告诉我 - 或者帮助我找到正确的方向 - 让选择器跟随鼠标绕着圆圈的逻辑,无论用户决定采用哪种方式?

0 个答案:

没有答案