Sunday, April 19, 2009

Path element

Path element is used to draw complex type of shapes. To use Path element we need to set a special type of attribute called Data. The Data attribute string contains several single character string and all have different meaning.

  • M denotes the start point in the absolute valuem denotes the start point in an offset to the previous point.
  • L denotes the straight line between the current line and the specified point.
  • H denotes the horizontal line between the current point and the specified x-coordinate.
  • V denotes the vertical line between the current point and the specified y-coordinate.
  • C denotes a cubic Bezier curve between the current point and specified end point by using the two specified control points.
  • Q denotes the quadratic Bezier curve point between the current point and the specified end point by using a specified control point.
  • S denotes a cubit Bezier curve between the current point and specified end point by using the two specific control points.
    A denotes the elliptical arc between the current point and the specified end point.
  • Z denotes the end of the current shape and creates the line that connect the current point to the starting point.

No comments:

Post a Comment