Stack Overflow
Stack Overflow

Questions tagged [cubic-bezier]

74 questions
1
vote
1 answer

Find point on cubic bezier given x-pos

I have a CSS-type cubic bezier where A = 0,0 B = a, b where 0 {x:x, y:y} I've found this which helps but no mathematical…
user16229219
1
vote
0 answers

How to draw equally distanced normal lines between two multi-segmented Cubic Bézier splines?

Hello, I have two multi-segmented cubic Bézier splines S and S′ that cut off by lines A and B (img.1). The distance between red dots it's their cubic Bézier curves. My question is how to split each of these two splines (S and S′) to equal segments…
Vlad K.
  • 339
  • 1
  • 5
  • 15
1
vote
0 answers

Find cubic bezier from easing function

I have a function returning an easing function that takes 3 parameters and return the css propertyValue at percentComplete time: function(percentComplete, startValue, endValue). But to be useful to me, I need its cubic-bezier…
l-portet
  • 636
  • 7
  • 14
1
vote
2 answers

Perpendicular line from bezier curve to point

Question I need to get the the point Q of a cubic (2d) bezier curve B(t) where the line from point Q to another given point P intersects perpendicular with the bezier curve. I know: P, B(t) I look for: Q (basically I want to have the slope of g but…
miile7
  • 2,547
  • 3
  • 23
  • 38
1
vote
0 answers

Cubic Bezier Path—preserve arc length while straighten it

I would like to »straighten« a cubic bezier path, such that its arc length is preserved. The coordinates of A, B and their control Points (C and D) are given, as well as their destinations (A' and B'). So while animating A to A' and B to B' I need…
philipp
  • 15,947
  • 15
  • 61
  • 106
1
vote
1 answer

MPAndroid Chart - LimitLine and Cubic Bezier drawing - curved line exceeds min-max limit lines

The screenshot shows the chart with and without cubic-bezier mode for the same data. As you can see when cubic bezier mode is enabled the line ecxeeds the min and max values which I am required to show in the chart as LimitLine and it looks very…
Anonymous
  • 4,470
  • 3
  • 36
  • 67
1
vote
1 answer

How to draw a continuous curve goes through my touch points?

I have problem to implement code for drawing bezier Curve which is working perfect in iOS. I want to this effect. but with Touch Points. But I am getting something wrong. Problem at this line previousCenterPoint = CenterPointOf(new…
Abhay Koradiya
  • 2,068
  • 2
  • 15
  • 40
1
vote
0 answers

How to Convert android.graphics.Path.arcTo ( oval, startAngle,sweepAngle) to android.graphics.Path.cubicTo()

I have searched a lot about this.Like how-to-create-circle-with-bézier-curves, how-to-best-approximate-a-geometrical-arc-with-a-bezier-curve etc. But all seems to me as arbitrary approximation of Arc to bezier curve. Thanks
CodeWithVikas
  • 1,105
  • 9
  • 33
1
vote
1 answer

Is it possible to get the y value of a cubic bezier curve based on the x value?

I am working with bezier curves to represent wave data for audio. I want to then sample the wave at an x coordinate and get the y coordinate so that I can then convert it to PCM data. Now since bezier curve are represented with a parametric equation…
user7950306
1
vote
1 answer

How to render InkStroke on Canvas using BezierSegment in UWP C#

I am porting an application from javascript to UWP c# and I am struggling with the new InkCanvas. If you are familiar with the new InkCanvas in UWP, I would truly appreciate your help. This is the code I wrote that takes renders an InkStroke onto a…
ClaudiaWey
  • 167
  • 9
1
vote
2 answers

Using a cubic bezier timing function, transitioning element opacity staggered over time in CSS with some JS, why does it work only once?

I'm currently trying to create a menu overlay that fills the screen when the user presses a button in the corner. I want the menu items to fade in, in a staggered order much like is done on the website here: http://bravepeople.co/ I have most of…
skittleswrapper
  • 25
  • 4
0
votes
1 answer

Cubic bezier curve that pass through 3 points

There are points: P0 (left-top) P3 (right-bottom) Control Point - a point that can be moved, a curve should pass through it I need to connect them using a cubic curve, so that the end of the curve is 'approximately horizontal' and it is also…
cheech
  • 45
  • 4
0
votes
1 answer

calculating cubic bezier curve offset using normal vector doesnt produce correct offset

I'm trying to offset a cubic bezier curve, by doing the following find the x and y derivative to get the tangent vector (dx, dy) rotate the vector 90deg by (-dy, dx) to get the normal making it a unit vector by dividing by the magnitude multiplying…
12ksins
  • 307
  • 1
  • 12
0
votes
0 answers

Is there an algorithm to perfectly fit Bezier curves of degree at most 3 to given path?

I would like to know whether there exists such an algorithm to fit Bezier curves of degree at most 3 to a given path. The path represents a set of 2D points connected to each other.(piecewise linear). The problem is to perfectly fit(going through…
Erik Nouroyan
  • 35
  • 6
0
votes
0 answers

how to draw a quadratic/cubic bezier curve in inkscape?

Supoose I have these points inkscape: enter image description here q=(1-t)^2 * p0 + 2 * t * (1-t) * p1 + t^2 * p2 c=(1-t)^3 * p0 + 3 * t * (1-t)^2 * p1 + 3 * (1-t) * t^2 * p2 + t^3 p3 I wanna draw this two cuves in inkscape. p_i are control…
Jun Zhou
  • 5
  • 2
1 2
3
4 5