动画半饼图

Question

我在Flash中创建了这个图片"half pie":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/

希望这能为您提供一个良好的起点。

铝