bezier

问题 I have a set of n points which make a line, but I would like to have a curve instead of a line.For doing curves in processing, there are control points which are needed, I would like to know how can I get control points from a set on n points. Also I would be dragging curves, hence I would need to find new control points all the time I presume? 回答1: Well, you can basically just parse the array of coordinates and use them to create a curveVertex() shape in Processing like this: // create an

问题 I have the following code from genpfault answer on OpenGL - Rotate a 'Curve' About the Y-Axis, #include <GL/glut.h> #include <glm/glm.hpp> #include <vector> #include <cmath> using namespace std; using namespace glm; struct Vertex { Vertex( const vec3& position, const vec3& normal ) : position( position ) , normal( normal ) {} vec3 position; vec3 normal; }; // spin the pts array around the Z axis. // pts.x will become the radius, and pts.y will become the height // pts should be sorted by y

问题 I have used the Parametric Expression of a Bezier Curve to locate a point along my curve and it's working as it should. The problem is I'm setting my t value as the percentage of the y axis and unfortunately (and obviously) it doesn't correlate because my curve is longer than my Y axis. So in this program if I set my Y Value to 75 I want to return the point on my line that sits at the Y value of 25 (the inverse because in iOS the (0, 0) sits at the top left instead of the bottom left as my

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 6 years ago . I'd like to have a dynamic bezier curve for the line in a force layout like this cytoscape example, is possible in d3? see this d3 example but use arc. I have no idea of the algorithm, someone has an idea? 回答1: i've see the cytoscape library and with this algorytm works function tick() { path.attr("d", function

问题 Please see the image below. This path object is created using 4 Bezier curve on each side. Currently I am facing a problem when I try to get bounds of this path object created using cubic brazier curves. As you can see top and bottom sides have control point away from the curve which makes bounds totally inaccurate. So my question is is it possible to create a jigsaw puzzle piece like in the image having all control points on or at the level of the curve. ( That is creating a curve and

问题 Is there any easy integrated way to detect a mouseover event on a curve? I wish to add bezier curves to the canvas as movable and editable elements and I need a way to select them. I would rather not use any external libraries (for educational purposes); 回答1: This answer was written several years ago and since kinetic.js is no longer maintained and the links don't work. You can try concrete.js (http://www.concretejs.com). I would check the kinetic.js library. It is html5 canvas library, that

问题 When using the bezier library, the Curve.plot() function returns an AxesSubplot object nodes1 = np.array([[0.0, 0.0],[0.625, .75], [1.0, 1.0]]) curve1 = bezier.Curve(nodes1, degree=2) ax = curve1.plot(num_pts=256) print ax returns an AxesSubplot(0.125,0.11;0.775x0.77) I know the typical way of creating a subplot is with fig = pyplot.figure() ax = fig.add_subplot(111) but I can't find any documentation on adding an already created subplot to a figure. I can display the subplot with plt.show()

问题 I want to create a quadratic bezier curve from the two end points on a arc (x1, y1, x2, y2) and either the center point (cx,cy) or radius. At one point, I thought that I could set the two control points to the intersection of the tangents, but that does not seem to work. While an exact answer would be nice, I can live with a reasonable approximation if required. I have limited math skills but would appreciate simple pseudo code. I have done a google search and some of the suggestions are too

问题 I have an image with the following pattern: I want to convert the straight lines in the image into a )|( shape. I have implemented C-type and S-type curves using canvas and its properties, but I am unable to do )|(-curve. How can I do this? 回答1: You could modify my previous answer slightly and have the halve sin range applied to the width (or height) as an offset, then take that offset x 2 and subtract from the total height of the new line. What happens is that the sin() function will take an

问题 I am trying to draw paths with Hummus PDF JS based on paths exported from PaperJS. Hence PaperJS data output would be the data input for Hummus. Those two libraries works differently to create curves. PaperJS uses handles to curve a straight lines, while Hummus will curve a line based on 3 points. Let's say I want to have a curved line that goes through 3 key points: [200, 100] -> [300, 200] -> [400, 100]. Like this picture: With PaperJS, I will have to do something like this: var vector =