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()函數? 謝謝!
這真的取決於你的動畫。要概念化你需要什麼類型的動畫是有點困難的 - 也許某種插圖或者鏈接到預先存在的例子會有所幫助。爲了擴大這種動畫的可能性,我會推薦使用一個已經內置了這些功能的庫,比如d3.js,所以你不需要花太多的時間重新發明輪子:) – Terry