好久没发表文章了,今天整理了一篇工作中用到的拖拽和抛物线效果,一起分享下

购物时候经常看见商品加入购物车时候有个抛物线效果,本文采用了类似同样的效果。

先说下,抛物线原理借鉴了张鑫旭老师的思路,这里我只是跟自己的业务和其他需求整理了一下。

抛物线原理就是根据两点坐标以及曲率确定运动曲线函数(也就是确定a, b的值)

公式: y = a*x*x + b*x + c;

拖拽效果这里用的drag.js,支持个性化定制

评论  表情