jquery - 半円グラフのアニメーション化

Question

このグラフィック「半分のパイ」を Flash で作成しまし
た。 emi-basic2.htm

JavaScript の「半分のパイ」で、Flash バージョンと同じ左から右へのアニメーションを使用したいのですが、できません。

誰かが助けてくれるほど親切でしょうか？

Answer 1

約束通り、私はこれを見て、あなたが一緒に働くことができるあなたのために良いスタートを切りました：

html

<div id="graph"><img src="http://ajthomas.co.uk/back.png"></div>

css

#graph{
    background:transparent url(http://ajthomas.co.uk/graph.png) no-repeat top left; 
    height:125px; 
    width:290px; 
    overflow:hidden;
}

jquery

$("img").rotate({ 
   bind: 
     { 
        click : function() { 
            $(this).rotate({animateTo:180})
        }
     }   
});

ここで実際の動作を確認してください-http://jsfiddle.net/ajthomascouk/hWt2v/

'jqueryrotate'というプラグインを使用しています。こちらをご覧ください-http: //code.google.com/p/jqueryrotate/

これがあなたに良い出発点を与えることを願っています。

アル