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

Question

我画了一个圆圈，并用Raphael在这个圆圈的外面放置了一些文字元素。它们中的每一个都旋转到圆的中心点。到目前为止一切都很好。

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

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

但如果我能够在一个元素的set（）中做到这一点会更好。不幸的是，我会遇到每个文本元素都旋转到30deg的问题......

有没有人建议我如何才能做到最好？

Answer 1

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

//  assumes you have a variable named 'mySet'

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

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