我正在使用自定义找到的函数来绘制路径,以便绘制带有动画的徽标(使用 jquery 和 Raphael.js)。这个“animateLine”函数很有用,因为它沿着“矢量”路径绘制了一个考虑到 FX 的 svg 路径。对于一个路径,此功能没有问题(可以在演示中找到)。
function animateLine (canvas, hoverDivName, colorNumber, pathString, duration, destination)
问题是同时使用该功能时存在某种冲突(同时绘制 2 条路径)。
你可以在这个小提琴上看到我的问题:http : //jsfiddle.net/VyRDk/2/
我认为问题是与临时变量“ destination ”的冲突,但我在调用“AnimateLine”函数时使用了 2 个不同的全局变量(你会注意到“lepathanimated1”和“lepathanimated2”)
var lepathanimated1;
var lepathanimated2;
以这种方式使用:
animateLine(logo_animated, "canvas", "#1d1d1b", path_circle,1200,lepathanimated1);
我希望您有足够的信息来找到解决方案,如果您需要更多详细信息,请询问 =)
谢谢你的时间
编辑:天哪,我刚刚找到了解决方案!#很高兴
我刚刚在函数外部创建了路径对象,并使用了标识符(#id)来避免冲突(并将其用于 jquery animate step 函数)
你可以在这里找到正确的演示
但是,我不认为这是正确的方法(优化)。尽管使用“RequestAnimFram”,但使用“动画”是否正确?优点是让 Raphael 和 jQuery 一起工作(比 javascript 画布方式更容易)
无论如何,跳跃它会有所帮助=)
PS:如果有帮助,请投票,因为这是我的第一个stackoverflow问题/答案,仍然是声誉之一-_-