jquery - 动画半饼图

Question

我在 Flash 中创建了这个图形“半馅饼”：http
://www.elperiodico.com/es/elecciones-28n/ 现在我将它移植到 JavaScript：http ://especiales.elperiodico.com/LABS/ELEC2011B/html/ 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/

希望这能给你一个好的起点。

铝