The ExBezier/JS component displays Bézier curves. The Bézier curves are also used in the time domain, particularly in animation, user interface design and smoothing cursor trajectory in eye gaze controlled interfaces. For example, a Bézier curve can be used to specify the velocity over time of an object such as an icon moving from A to B, rather than simply moving at a fixed number of pixels per step. The ExBezier/JS is a HTML standalone-component, written in JavaScript, that uses no third-party libraries.

Default
Multiple
Properties
Events
Your browser does not support the HTML5 canvas tag.
Drag and drop the control-point(s) to change the Bézier curve. Long click the control point to drag through the scale lines. Roll the wheel to change the scale.
Your browser does not support the HTML5 canvas tag.
Drag and drop the control-point(s) to change the Bézier curve.
Your browser does not support the HTML5 canvas tag.
Click the ◂ (top-right arrow) to show the source-code. Click the ▴ (bottom-left arrow) to show the help. ✔ Check/uncheck options to include/exclude the property. Change the option's value according to the below description.
Your browser does not support the HTML5 canvas tag.
here goes the events
Click, drag, drop or roll the mouse-wheel to get for the control's events.