My first svg image

Vote count: 0

I made my first experience with <path> on svg and was wondering if there was a better way to do it. It came out as I wanted, only black in those zones and the rest as transparent (not just white).

My code:

<svg xmlns="http://ift.tt/nvqhV5">
  <path d="M200 10 L10 10 L30 30 L50 30 L50 35 L35 35 L35 70 L30 70 L30 30 L10 10 L10 160 L50 120 L50 160 L80 160 L160 80 L160 50 L130 50 L50 130 L50 120 L160 10 L170 10 L150 30 L180 30 L180 60 L200 40 L200 50 L50 200 L40 200 L60 180 L30 180 L30 150 L10 170 L10 200 L200 200 L180 180 L160 180 L160 175 L175 175 L175 140 L180 140 L180 180 L200 200 Z" />
</svg>

Visual path (start on the green ball, follow the orange line untill the red ball, the blue line is isn't needed with the Z = closepath):

I used only Ls as I yet have to learn how the others work. M to start and Z to end, I think.

My way of learning is by testing a lot and read less. So, any suggestions for someone starting to learn svg that aren't just links to begginers's guides or tutorials? This will probably gets some downvotes.

asked 6 secs ago

user7393973

Let's block ads! (Why?)

My first svg image