Skip to content

Project made with html and js that shows Bizeir curve's. You can draw and edit curve's on a given canvas.

Notifications You must be signed in to change notification settings

ZigiMigi/BezierCurves

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

BezierCurves

About

In this project i wrote and created a web app that let's it's users create and edit Bezier curve's. By creating multiple continious curves it creates a composite Bézier curve (or Spline). Users can change curve's color, move the curve's or even change their points.

The curve's are made by draging the mouse across the canvas.

  1. The first click will create an interpolated point,
  2. then you drag to the wanted possition and let go of the mouse button,
  3. the point where the mouse button was let go, will create an approximated point.

Bellow the canvas there are 2 button's. One will allow you to start drawing a new spline and the other will allow you to move currently created point's on the canvas.
By creating new Splines there will also apear a new editing button with the splines name bellow the canvas.
In that editing section you can change colors and delete curves that are drawn.
Deleting a Spline.
Adding curves.

Demonstration

BezierCurves.mp4

About

Project made with html and js that shows Bizeir curve's. You can draw and edit curve's on a given canvas.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published