javascriptで、一枚の画像を、その画像の外部の点を中心にグルグル回転させ続けるには、どんなプ

javascriptで、一枚の画像を、その画像の外部の点を中心にグルグル回転させ続けるには、どんなプログラムを書けばよいですか？
色々やってみてるのですが、うまくいきません…

No.2 ベストアンサー 回答者： fujillin 回答日時： 2018/05/27 17:17

No1です。

連投失礼します。

投稿してから気が付きましたが、もしかすると画像自身は回転表示せずに、円周上を移動するようなイメージだったのかもしれませんね。
それであればスクリプトで表示位置を変えながらアニメーションすることでも実現できますね。

とはいっても、これも同様にCSSで実現できるので、その方が簡単かも知れません。
先程よりも良さそうなサンプルがありました。
（両方とも示されています）
http://cartman0.hatenablog.com/entry/2015/05/07/ …

この回答へのお礼

ありがとうございます。回り方がイメージ通りでした！
四角形を画像に変えるようにやってみようと思います。

お礼日時：2018/05/27 18:35

No.1 回答者： fujillin 回答日時： 2018/05/27 17:03

こんにちは。

どのような仕組みで考えていらっしゃるのかがわかりませんが、画像を回転表示するならtransformを利用するのが簡単だと思います。
そうなると、勢い、CSSアニメーションで実現しちゃった方が分かりやすいのではないでしょうか？

試してはいませんが、スクリプトから行うのは、スタート、ストップの制御くらいで済みそうな気がします。（クラスの制御とか）

例えば、以下のサンプルで回転中心（原点）を画像の外側に置けば良さそうに思いますけれど。
https://on-ze.com/archives/510