外にある中心で画像を回転させる方法

解決済

質問者：kunisada
質問日時：2006/12/27 17:46
回答数：1件

こんにちは。
現在サイトを作成していまして、その中で画像を回転させたいと思っています。
その画像の中にある中心ではなく、画像の外にある中心で回転させ、画像自体は回転させないようにするのに参考になるスクリプトはありますか？

私のイメージに近いものとしてはこれです。

http://www.3tomo.net/

猫の画像が回転しています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： arenani_sorenani
回答日時：2007/01/01 01:09

何故だれも答えないんでしょう・・

不思議・・

スミマセン。すごく簡単なサンプルです。

<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>

.