[HTML] SVG - odwrotność trójkąta Opcje

[bahh]

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:
(IMG:http://img31.otofotki.pl/obrazki/wo547_1.png)

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

(IMG:http://img31.otofotki.pl/obrazki/ex974_2.png)

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

Ten post edytował bahh 10.12.2014, 15:07:23

[nospor]

Pomalowac trojkat na bialo a reszte na czarno?

[bahh]

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

[SaMi]

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/

[bahh]

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