bezier

I'm trying to smooth out the path taken by a Hilbert curve . I can define the points and connect them by straight lines, but I want a path that doesn't take the edges so sharply. I attempted to connect the curve using Bezier curves of higher and higher orders but this doesn't work, there are always 'kinks' in the path as I try to reconnect them: I feel like this a solved problem, but I'm not searching for the right terms. How about using piecewise cubics for this... Does not really matter if BEZIER SPLINE or whatever. You just need to connect the patches with proper point call sequence which

I am trying to draw an arc using bezier curves. I have learned that you can't draw a perfect circle using bezier curves but you can come close. Unfortunately the math is too complicated and I can't personally figure it out. I can create the A1 slice below as a triangle, but I can't figure out how to determine the control points. Also if I try drawing a slice out of a circle in the opposite direction, notice how the control points seem to point in the negative direction. So if I want a slice of a circle with a radius R and I have already computed the anchor points, how can I calculate the

So I have an imaginary circle divided into multiple parts (I use 8 for simplicity, but in the end, I would like to divide it to 16 or 32 parts). Then I have N number of quadratic bezier curves, that is between 2 nearest segments. It may rest upon the circle or further from the center, but not nearer than the circle. I know how to find, what in witch line I should look for intersection in, but I do not know how to split it into two parts... I know, that if I looked for intersection of the line and curve I should get the point that the previous curve should end and the next should start, and

I have such type of image I want that what we are seeing straight lines in image (actually which are pixel), it should get converted into the S-curve. I have implemented C-type of curve using canvas and its properties, but unable to do S-curve. Please help me for this. If I understand you correctly you want each vertical line to follow a "S"? If that's the case you can use f.ex. Math.sin() combined with drawImage() and its clipping parameters to slice the image per pixel column while displacing the slice based on the sin(). The key formulas are: var step = Math.PI * 2 / w; this maps a full

I've spent a couple days at this and I give up. I'm trying to get an object to animate along a sine wave infinitely. It should not end after the first period. Main Problem: The cycle ends at approx 1 1/3 Pi rather than just Pi. This extra movement ruins the animation. I'm stuck here: http://jsfiddle.net/WPnQG/12/ . After each period, it skips about 40 pixels and then continues along its path. This is the problem I can't get past -- the value it ends at and proceeds to restart at are not equal, so the object appears to skip around. Could anyone help a man out? Thanks I am using the jQuery Path