Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可以使用异类RaphaelJS集刷新动画_Javascript_Raphael - Fatal编程技术网

Javascript 可以使用异类RaphaelJS集刷新动画

Javascript 可以使用异类RaphaelJS集刷新动画,javascript,raphael,Javascript,Raphael,我最近开始和拉斐尔一起玩。我正试图找到一种最简单的方法来制作一组不同种类的拉斐尔物体的动画,或者找到一种类似的方法 我已经建立了一个我正在尝试的基本例子 问题是,我希望狙击手瞄准镜在有人点击目标(蓝色圆圈)后跟踪它。现在狙击手瞄准镜会在点击时指向目标所在的位置,但不会跟随 当然,我可以animateAlong狙击手瞄准镜使用与目标相同的路线(可能是黑客攻击,而不是通用解决方案),但想象目标随机移动,我需要将狙击手重新绘制到圆圈移动的位置 看起来我不能在动画中长期使用动画(可能太多了?)。所以我猜

我最近开始和拉斐尔一起玩。我正试图找到一种最简单的方法来制作一组不同种类的拉斐尔物体的动画,或者找到一种类似的方法

我已经建立了一个我正在尝试的基本例子

问题是,我希望狙击手瞄准镜在有人点击目标(蓝色圆圈)后跟踪它。现在狙击手瞄准镜会在点击时指向目标所在的位置,但不会跟随

当然,我可以
animateAlong
狙击手瞄准镜使用与目标相同的路线(可能是黑客攻击,而不是通用解决方案),但想象目标随机移动,我需要将狙击手重新绘制到圆圈移动的位置

看起来我不能在
动画
中长期使用
动画
(可能太多了?)。所以我猜正确的方法是将狙击手转换为一个SVG路径,并使用
attr
translate


有人能解释一下吗?谢谢

我发现解决这个问题的一种方法是创建一组拉斐尔对象,并将它们独立地向同一方向移动

第二种方法是使用相对路径,并更新其路径以移动它,使用计时器重新绘制路径