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/

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

的Al

动画半饼图

1 个答案: