2017-07-02 168 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