Javascript Raphael动画-在&;中移动鼠标时元素变大;在元素上快速退出

Javascript Raphael动画-在&;中移动鼠标时元素变大;在元素上快速退出,javascript,raphael,mousehover,Javascript,Raphael,Mousehover,我曾尝试使用拉斐尔的动画制作一个元素的动画,使用鼠标进入/离开,如下所示:Raphaelement.animate({transform:“…S1.6,1.6”},25,'bounce'),用于mouseenter和Raphaelement.animate({transform:“t0,0”},25,'bounce');为了穆斯莱夫。 演示 问题是,当鼠标快速地来回进出盒子时,元素变得越来越大 谢谢。我想您不是要使用“…”符号来添加转换,而是要删除它,并包含原始转换字符串,因此它总是以新的形式开

我曾尝试使用拉斐尔的动画制作一个元素的动画,使用鼠标进入/离开,如下所示:Raphaelement.animate({transform:“…S1.6,1.6”},25,'bounce'),用于mouseenter和Raphaelement.animate({transform:“t0,0”},25,'bounce');为了穆斯莱夫。 演示

问题是,当鼠标快速地来回进出盒子时,元素变得越来越大


谢谢。

我想您不是要使用“…”符号来添加转换,而是要删除它,并包含原始转换字符串,因此它总是以新的形式开始

所以不是

rect.animate({transform: "...s1.6,1.6"}, 500, 'bounce');
试一试

我还纠正了小提琴上的几个打字错误

rect.animate({transform: "...s1.6,1.6"}, 500, 'bounce');
rect.animate({transform:  originalForm.toString() + "s1.6,1.6"}, 500, 'bounce');