Mam taki kod SVG:

[HTML] pobierz, plaintext 
<svg id="headersvg" preserveAspectRatio="none" viewBox="0 0 100 102" height="100" width="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <path d="M0 0 L50 100 L100 0 Z">
</svg>
[HTML] pobierz, plaintext 

który wygląda tak na stronie:


jest to trójkąt czarny na całą szerokość i wysokość 100 pikseli. Chcę odwrotność tego trójkąta, czyli taki kształ:



Jak dobrze napisać kod svg by uzyskać taki efekt?

Pomalowac trojkat na bialo a reszte na czarno?

biały kolor to przeźroczystość, kształt ma być nałożony na zdjecie

SVG to nic innego jak obraz wektorowy, więc większość programów do grafiki wektorowej potrafi wygenerować potrzebny Ci kod:
Pierwszy Link z googla: http://css-tricks.com/using-svg/

jednakże potrzebuję napisać go w postaci kodu, nie pliku. Tak jak w powyższym przykładzie. Wystarczy, że ktoś zarzuci mi kodem z 5 końcami i resztę jakoś to poukładam

problem rozwiązany, po prostu wstawiłem 2 trójkąty mniejsze

gotowy kod dla kogoś na przyszłość:

[HTML] pobierz, plaintext 
  <svg id="headersvg" preserveAspectRatio="none" viewBox="0 0 100 100" height="100" width="100%" style="fill:#fff; stroke:#fff;" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <polygon points="0,10 0,100 50,100"/>
    <polygon points="100,10 100,100 50,100"/>
  </svg>
[HTML] pobierz, plaintext