JS怎么通过缓动公式画描述速度的贝塞尔曲线

Question

就是我想做一个缓动动画的demo
两个画布
上面那个有小块再做相应的缓动运动
下面画布画出相应描述速度变化的曲线
求教如果知道了缓动运动公式怎么画这个缓动动画相应的曲线呢？

Answer 1

切换
.fontsmall { font-size: 12px; color:red; } .fontmax { font-size: 72px; color:blue; } $(document).ready(function(){ $("#changefonts").click(function(){ var fontclass=$("#testf").attr("class"); if(typeof(fontclass)=="undefined"){ //如果还没有class,就添加一个 $("#testf").addClass("fontsmall"); }else{ //切换class if(fontclass=="fontsmall"){ $("#testf").removeClass("fontsmall");//先删除原来的class $("#testf").addClass("fontmax");//添加新的 //也可以下面这样写. //$("#testf").removeClass("fontsmall").addClass("fontmax"); }else if(fontclass=="fontmax"){ $("#testf").removeClass("fontmax"); $("#testf").addClass("fontsmall"); } } }) })

这里是测试文字.