Skip to main content

🗓️ 05082025 1702
📎

svg_path

  • The path element lets you draw any shape you can think of by using a series of commands.
  • Each command is a letter followed by a list of numbers.
  • The cursor is the "pen" that is used to draw the path from the list of commands. Each command relies on it to know where it should start drawing from, and each command moves it to a new position.
  • Each command has a relative counterpart that uses coordinates relative to the cursor's current position.

At this point, we kinda know the basics, but we haven't actually drawn anything. In the next section, we'll take a look at some of the drawing commands to start making some icons!

References