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