Interactive Bezier Curve Graphs
By Murray Bourne, 02 Jan 2013
I recently added a new interactive graph on the Mathematics of Vector Art page.
Vector art is made up of a collection of primitives. These primitives include simple geometric figures like lines, triangles, squares, circles and so on.
We can also have quadratic curves (parabolas) and cubic curves.
Bezier (or more correctly, Bézier) Curves are also used in vector art. These curves help us to join points with smooth curves.
Screen shot from the interactive.
The interactive lets you explore straight lines, parabolas, cubic curves and Bezier Curves.
The link again: Mathematics of Vector Art
See the 2 Comments below.
13 Mar 2016 at 7:36 am [Comment permalink]
I am interest in developing html + javascript app, where I can draw irregular polygons 3 sided to 20sides, where can I find such a resource. Will it be possible to calculate the perimeter's and area? Either in metric or imperial measurements.
13 Mar 2016 at 10:34 am [Comment permalink]
@thuto: JSXGraph is probably your best tool for this. See my introduction here;
https://www.intmath.com/blog/mathematics/jsxgraph-interactive-javascript-graphs-4579
Here's an example of how you draw a polygon:
http://jsxgraph.uni-bayreuth.de/wiki/index.php/Polygon
You can add extra code to calculate perimeter and area. For example, I'm finding the area of the rectangles for each case in this Riemann Sums applet:
https://www.intmath.com/integration/riemann-sums.php