rotation - Raphaël を使用したテキスト要素の複数回転

Question

円を描き、ラファエルでこの円の外側にいくつかのテキスト要素を放射状に配置しました。それらのそれぞれは、円の中心点に回転します。ここまでは順調ですね。

しかし、今度は、たとえば 30 度など、もう一度回転させたいと思います。しかし、そうすると、すべての要素が 30 度に回転します。

解決策として、各テキスト要素をループして、「現在の角度 + 30 度」を計算し、アニメーションを開始することができます…</p>

しかし、要素の set() でこれを行うことができればより良いでしょう。残念ながら、すべてのテキスト要素が 30 度に回転するという問題が発生します…</p>

どうすればこの仕事を最もうまくやれるか、誰か提案がありますか?

Answer 1

実際、セットでこれを達成する簡単な方法があります。回転値を設定する代わりに、次のように増分回転を変換に追加できます。

//  assumes you have a variable named 'mySet'

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

これはまさにあなたが意図したことを行うべきだと思います。そうでない場合は、気軽に野菜を投げつけてください。