动画半饼图

问题描述

| 我在Flash中创建了这个图形“半饼”：http://www.elperiodico.com/es/elecciones-28n/ 现在，我将其移植到JavaScript：http://especiales.elperiodico.com/LABS/ELEC2011B/html/emi-basic2.htm 我希望JavaScript \“ half pie \”从左到右使用与Flash版本相同的动画，但不能这样做。 有人会乐于助人吗？     

解决方法

如所承诺的，我已经对此进行了研究，并为您提供了一个很好的开始，您可以与之合作： 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/ 希望这为您提供一个良好的起点。 铝