使用 Raphaël 多次旋转文本元素

Question

我画了一个圆圈，并用 Raphael 将一些文本元素排列在这个圆圈之外。它们中的每一个都旋转到圆的中心点。到目前为止一切顺利。

但现在我想再次旋转它们，例如 30 度。但是如果我这样做，那么所有元素都会旋转到 30 度。

一个解决方案可能是，我循环遍历每个文本元素，计算“当前度数 + 30度”并开始动画......

但是如果我可以在一个 set() 元素中做到这一点会更好。不幸的是，我会遇到每个文本元素都旋转到 30 度的问题……

有没有人建议我如何才能最好地完成这项工作？

Answer 1

确实有一个简单的方法可以用一组来完成这个。您可以将增量旋转附加到变换中，而不是设置旋转值，如下所示：

//  assumes you have a variable named 'mySet'

mySet.animate( { transform: '...r30' }, 500, '<>' );

我相信这应该完全符合您的意图。如果没有，请随意向我扔蔬菜。