dancwilson’s avatardancwilson’s Twitter Archive—№ 1,162

      1. The Basics of Handwriting SVG Paths (Part 1): <path d="M 40,20 L 180,280" /> M: Move the cursor to the following x,y coordinate without drawing anything L: draw a straight Line from the previous coordinate to the following x,y coordinate #CssMotionPath
    1. …in reply to @dancwilson
      The Basics of Handwriting SVG Paths (Part 2): <path d="M 40,20 C 20,280 280,280 260,20" /> C: add three coordinate pairs to draw a Cubic Bézier from the previous point. The curve uses the first two coordinates as control points and ends at the third. #CssMotionPath
  1. …in reply to @dancwilson
    The Basics of Handwriting SVG Paths (Part 5): <path d="M 40,20 H 260 V 200" /> H: draw a Horizontal line from the previous coordinates to the X value that follows V: draw a Vertical line from the previous coordinates to the Y value that follows