2017-07-02 115 views
0

我写了一个简单的插件,通过创建画布和填充弧来绘制饼图。其基本结构是:将动画添加到jQuery插件

$.fn.mychart = function(options) { 
     var settings = $.extend...; // various user settings 

     return this.each(function() { 
     var element = this; 
     draw(element, settings.startRadians, settings.endRadians,...); 
     }) 
    }; 

    var draw = function(element, startRadians, endRadians, ...) { 
    // Draw implementation 
    }; 

在draw()的内部,我创建一个画布作为元素的子元素并绘制一条弧线。这工作非常好。

现在我想动画弧形图并用“延迟”值进行配置,这样我就可以控制弧的填充速度。

什么是正确的jQuery插件“方式”添加动画到draw()函数? 谢谢!

+0

这真的取决于你的动画。要概念化你需要什么类型的动画是有点困难的 - 也许某种插图或者链接到预先存在的例子会有所帮助。为了扩大这种动画的可能性,我会推荐使用一个已经内置了这些功能的库,比如d3.js,所以你不需要花太多的时间重新发明轮子:) – Terry

回答

-1

这是一个容易的。

请结帐jquery animate

+0

请避免使用仅链接答案 - 否则,坚持发表评论。也许包含一个代码片段作为概念验证示例。 – Terry