cubic-bezier 介绍
cubic-bezier 曲线是 css3 动画的 一个 重要基石。另 一个 为 steps （ease 等都是 cubic-bezier 的特殊形式），css3 中的 cubic_bezier 曲线限制了首尾两控制点的位置，通过调整中间两控制点的位置可以灵活得到常用的动画 效果 ，同时 canvas 也进行了相应的 支持 ，也存在相应的工具可以根据想要的曲线得到对应 cubic bezier 曲线的控制点参数。?
而 ie(6-9) 却没有相应的 支持 ，为了能在各个平台得到一致的动画 效果 ，则不可避免要在 ie 上通过定时器沿着指定控制点参数的 cubic bezier 曲线来手动更新动画对象的数值。
公式
cubic-bezier 公式不是简单的 y= x 公式，而是引入了第三个变量 t，由于动画中关键在于计算比例，即在总时 间的 某个时间点百分比得到相应的值相对于最终值的比例，那么只需要得到 0,1 区 间的 曲线即可。 而 [x,y] -> [0,1] 内的曲线则是通过 t 在 0,1 内连续变化而得到：
其中 P0,P1,P2,P3 都为两维 xy 向量
网站地址 : https://cubic-bezier.com/
网站描述: 贝塞尔曲线
cubic-bezier官方网站
官方网站： https://cubic-bezier.com/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did176800