cubic-bezier相关内容

将 SVG 弧表示为一系列曲线

我试图将 SVG 路径准确地表示为 UIBezierPath 但遗憾的是 UIBezierPath 上的 addArc 不考虑椭圆,仅圆(半径只有 1 个值). bezierPath.addArc(withCenter:CGPoint 半径:CGFloat startAngle:CGFloat endAngle:CGFloat 顺时针:Bool) 我的想法是将弧线分解为 svg 曲线,但我不确 ..
发布时间:2022-01-14 15:45:06 其他开发

是否可以表达“t"?来自三次贝塞尔曲线方程的变量?

我只想通过片段着色器绘制贝塞尔曲线以连接编辑器中的节点.我知道定义贝塞尔曲线的所有 4 个点.并且为每个像素调用片段着色器,所以我可以检查:如果“t"例如,gl_Coord.x 介于 0 和 1 之间,然后将 frag_color 设置为红色.我想避免着色器中效率低下的循环.我认为最好的方法是检查曲线上的点.但是如何为贝塞尔曲线做到这一点? 是否可以表达“t"?来自三次贝塞尔方程的变量? ..
发布时间:2021-12-06 19:48:24 其他开发

如何从 Three.js 中的 3D 点创建 3D 三次贝塞尔曲线三角形?

遵循这个主题,我试图生成一个 3D 弯曲三角形作为 NURBS 曲面,但我不明白如何设置我的 3D 点来做到这一点. 这是当前的实现: var edge = this.getEdges(),//一条边是一条跟随 4 个点的贝塞尔曲线.dots = self.getDotsFromEdges(edges),//获取所有点以构建表面.ctrlPoints = [//之前只生成一次,但复制粘贴到 ..
发布时间:2021-11-25 01:30:58 前端开发

贝塞尔曲线:强制4点的曲线穿过3D空间中的控制点

我已经阅读了使此发生4分的线索,但仅在2D空间中发生此处 我已阅读此帖子但不懂sudo代码或数学 有人可以用Java简化吗?我不想将曲线绘制为3点的2段 解决方案 三次贝塞尔曲线分量(例如X)的公式: X(t)= P0.X *(1-t)^ 3 + 3 * P1.X *(1-t)^ 2 * t + 3 * P2.X *(1-t)* t ^ 2 + P3.X * t ^ 3 ..
发布时间:2021-05-31 20:52:09 Java开发

给定具有固定端点的三次方贝塞尔曲线,当给定y位置进行检查时,如何找到沿该点的x位置?

假设我有一个Bezier曲线,其中有两个固定端点,一个端点位于 x(0),y(1),另一个端点位于 x(1),y(0)(左下角和右上角)现在,我们有两个控制点,它们可以位于x(0),x(1),y(0)和y(1)之间的任何位置.对于这个问题,我只想说控制点#1在x(0.1)y(0.6)处,而控制点#2在x(0.9)和y(0.4)处.(这假设一个“从左上方"坐标系) 这是我们曲线的一个小例子: ..
发布时间:2021-04-15 19:24:30 其他开发

在一点处分割三次贝塞尔曲线

此问题和这个问题都展示了如何沿着曲线沿特定的参数化值0≤ t ≤1分割三次贝塞尔曲线,从而由两个新的分段组成原始曲线形状.我需要沿着我知道的坐标的曲线的点分割我的贝塞尔曲线,而不是对该点的参数化值 t 进行分割. 例如,考虑使用Adobe Illustrator,用户可以在其中单击曲线以将点添加到路径中,而不会影响路径的形状. 假设我找到曲线上最接近用户点击位置的点,如何从中计算控制点 ..

将SVG圆弧表示为一系列曲线

我正在尝试准确地将SVG路径表示为UIBezierPath,但是可悲的是,UIBezierPath上的addArc不能解释椭圆,只能解释圆(半径只有1个值). bezierPath.addArc(withCenter:CGPoint radius:CGFloat startAngle:CGFloat endAngle:CGFloat clockwise:Bool) 我的想法是将弧线分解为 ..
发布时间:2020-11-13 19:16:09 其他开发

是否可以表达"t"?三次贝塞尔曲线方程式的变量?

我只想通过片段着色器绘制贝塞尔曲线,以连接编辑器中的节点.我知道定义贝塞尔曲线的所有4个点.并且为每个像素调用Fragment Shader,因此我可以检查一下:如果gl_Coord.x的"t"介于0和1之间,则将frag_color设置为Red.我想避免效率低下的着色器中的循环.我认为,最好的方法是检查曲线上的点.但是,对于贝塞尔曲线,该如何做呢? 是否可以从三次方贝塞尔方程表示"t"变量 ..
发布时间:2020-05-06 11:26:01 其他开发

三次贝塞尔曲线-在给定的X处获得Y-在控制点X不断增加的特殊情况下

我已阅读 a 讨论,关于在X处为三次贝塞尔曲线找到Y,并且还阅读了我的案件比一般案件更受限制,我想知道是否有比上述讨论中提到的一般方案更好的解决方案. 我的案子: 不同的控制点 的X值正在增加. IE: X3 > X2 > X1 > X0. 此外,由于上述原因,X(t)也严格单调递增. 有没有一种有效的算法可以将此类约束条件考虑在内? 解决方案 首先:该答案仅适用于您, ..
发布时间:2020-05-06 11:14:05 其他开发

如何从Three.js中的3D点创建3D立方贝塞尔曲线三角形?

关注这个主题,我试图生成一个三维曲面三角形作为NURBS曲面,但我不明白如何设置我的3D点来做到这一点。 以下是当前的实现: var edges = this.getEdges(),//边是一条线4个点作为贝塞尔曲线。 dots = self.getDotsFromEdges(edges),//获取所有点以构建曲面。 ctrlPoints = [//之前只生成一次,但此处 ..
发布时间:2019-06-06 14:49:04 前端开发