Understanding the anatomy of SVG paths and Bezier curves Mocktest

The 'M' command in SVG paths is used to move the current point to a specified coordinate without drawing anything. This is useful for positioning the starting point of a path without creating a visible line.

A Cubic Bezier Curve uses two control points and two end points. This type of curve allows for more complex and precise shapes compared to Quadratic Bezier Curves.

The 'Z' command in SVG paths is used to close the current path, creating a closed shape. It connects the endpoint of the current subpath to its starting point, effectively closing the path and forming a closed shape.

A Quadratic Bezier Curve has 2 control points and 2 end points. These control points influence the curve's shape and direction, allowing for curved paths with less complexity compared to Cubic Bezier Curves.

The 'L' command in SVG paths is used to draw a straight line from the current point to a specified endpoint.

The 'V' command in SVG paths is used to draw a vertical line from the current point to a specified y-coordinate.

The 'C' command in SVG paths is used to draw a cubic Bezier curve with specified control points and an endpoint.

The 'S' command in SVG paths is used to draw a smooth cubic Bezier curve by connecting the current point to an endpoint using a smooth curve that continues from the previous curve's endpoint. It automatically calculates the control point to create a smooth transition, making it useful for creating continuous and curved paths.

A cubic Bezier curve has 4 points: 2 control points and 2 end points. The control points determine the shape and direction of the curve, allowing for precise control over the curve's behavior.

A quadratic Bezier curve uses 2 control points and 2 end points. These control points influence the curve's shape and direction, allowing for curved paths that are less complex than cubic Bezier curves.