[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

[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/