- ベストアンサー
外にある中心で画像を回転させる方法
こんにちは。 現在サイトを作成していまして、その中で画像を回転させたいと思っています。 その画像の中にある中心ではなく、画像の外にある中心で回転させ、画像自体は回転させないようにするのに参考になるスクリプトはありますか？ 私のイメージに近いものとしてはこれです。 http://www.3tomo.net/ 猫の画像が回転しています。
- kunisada
- お礼率52% (111/210)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
何故だれも答えないんでしょう・・ 不思議・・ スミマセン。すごく簡単なサンプルです。 <style> #goo { position:absolute; top:0px; left:0px; visibility:hidden } </style> <script> x=200; //中心座標x px y=200; //中心座標y px r=100 //半径 px int=10 //更新間隔ミリ秒 t=0 function circle(){ t+=10; document.getElementById("goo").style.left=r*Math.cos(t/180*Math.PI)+x; document.getElementById("goo").style.top=r*Math.sin(t/180*Math.PI)+y; document.getElementById("goo").style.visibility="visible" } window.onload=function(){ setInterval("circle()",int); } </script> <body> <img id="goo" src="http://oshiete1.goo.ne.jp/images_goo/goo.gif" /> </body> .
お礼
回答ありがとうございました。 まさに私が求めていた内容です。