我有一个轮子,我放入了元素供用户选择。我们的想法是,方向盘中的选择器应该跟随鼠标并且" 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度。
任何人都可以告诉我 - 或者帮助我找到正确的方向 - 让选择器跟随鼠标绕着圆圈的逻辑,无论用户决定采用哪种方式?