高阶贝塞尔曲线编辑器

查看演示立即下载

插件描述：使用vue实现的高阶贝塞尔曲线编辑器，以及用BezierCurve模拟复杂动画的Demo

更新时间：2020-06-22 00:20:19

1.主要实现的是BezierCurve类；实例化方法：

var bezier = new BezierCurve(dots);   // dots : [ {x,y},{x,y}...  ] 第一个和最后一个元素代表开始和结束的点;

假设 index为开始和结束点的横坐标之间的一个值，则：

1	`bezier.getDot(index);`

可获取贝塞尔曲线上对应的一个点的坐标（{x,y}）;

2.动画绘制用的是 js逐帧绘制, transform 属性通过计算transform矩阵得到（Matrix类在common.js中）;

3.动画计算时，并没有精确的获取曲线在x坐标对应的y值，而是获取根据比例计算得到的一个曲线上的点{x,y}，要严格获取x对应的y值需要用二分法求解，我觉得会影响动画的流畅程度，这里只要趋势和贝塞尔曲线符合就满足需求了;

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com