二次曲线:我能确定顶点是什么吗?
quadraticCurveTo: Can I determine what the vertex will be?
我在HTML5画布中使用了quadraticCurveTo函数。我的主要妙处是,当我只想指定顶点时,它会使用线插值。我已经知道起点和终点是什么了。据我所知,没有函数可以做到这一点,但是否有一个公式可以用来确定我的控制点?
给定二次曲线的起点,终点&中间点,你可以像这样计算它的控制点:
// Given 3 points on a Q-Curve (starting, ending & midpoint)
var p0=startPoint;
var p2=endPoint;
var p1={
x:2*midPoint.x-startPoint.x/2-endPoint.x/2,
y:2*midPoint.y-startPoint.y/2-endPoint.y/2,
};
然后你可以在画布上正常绘制:
ctx.moveTo(p0.x,p0.y);
ctx.quadraticCurveTo( p1.x,p1.y, p2.x,p2.y );
相关文章:
- 这是什么 ==- javascript 运算符
- 我的单元测试选项是什么
- 打破承诺链的好方法是什么
- 在AngularJS应用程序中使用封装指令和路由的推荐方式是什么
- Javascript中的空白是什么
- 是什么让一个“;Uncaught RangeError:超过了最大调用堆栈大小“;错误(Chrome,在其他浏览器中显示
- 在JavaScript中拆分日期字符串的更好方法是什么
- 将jQuery.ech()方法转换为本地JavaScript抽象的最佳方法是什么
- 处理浮点错误的最佳方法是什么
- javascript导入的最佳实践是什么
- 基于窗口宽度jquery的函数的替代方法是什么
- 在ng重复循环中显示条件内容的最佳方式是什么
- 我的客户端选项是什么
- 这是什么“;要求“;事情
- 未捕获的类型错误:topFrame.window.changeSelectedBarStyle不是函数,原因是什么
- 实现比较方法的最佳实践是什么;s的比较类型是在运行时选择的
- @@(“at at”)在ES6 JavaScript中是什么意思
- 编辑框几何图形顶点的正确方法是什么
- webgl中的顶点索引是什么?
- 二次曲线:我能确定顶点是什么吗?