是否有一种方法可以使用svg动画使地图元素(国家/地区)飞入其在地图上的正确位置?

是否有一种方法可以使用svg动画使地图元素(国家/地区)飞入其在地图上的正确位置?,svg,Svg,我刚刚开始玩SVG动画。有没有可能让一个国家沿着随机路径到达它在地图上的正确位置?我所能想到的最好的方法就是,当盒子打开时,拼图块会自动组装起来。SVG动画甚至可以做到这一点,还是需要其他东西? 这就是我现在拥有的 路径元素没有x属性。不过,您可以对变换动画执行相同的操作 此外,动画元素必须是路径的子元素或指向路径vi路径的id。上一次我检查了Chrome对id值中包含-sign(来自SMIL)的元素的访问,结果发现存在错误,因此,如果您将其作为id,我已将animateTransform设

我刚刚开始玩SVG动画。有没有可能让一个国家沿着随机路径到达它在地图上的正确位置?我所能想到的最好的方法就是,当盒子打开时,拼图块会自动组装起来。SVG动画甚至可以做到这一点,还是需要其他东西? 这就是我现在拥有的


路径元素没有x属性。不过,您可以对变换动画执行相同的操作

此外,动画元素必须是路径的子元素或指向路径vi路径的id。上一次我检查了Chrome对id值中包含-sign(来自SMIL)的元素的访问,结果发现存在错误,因此,如果您将其作为id,我已将animateTransform设置为您路径的子元素

请注意,SMIL不能单独进行随机操作,您可以创建一些看起来像随机行走的东西,但每次基本上都是一样的。您可以通过javascript创建随机的SMIL动画


谢谢,这很有帮助。我将不得不深入研究一些javascript来帮助解决这个难题