Изложение и частичное заполнение формы SVG

У меня есть jsfiddle здесь -http://jsfiddle.net/apbuc773/

Я хотел бы создать звезду, используя SVG.

Я хотел бы погладить снаружи звезды. В моем примере обводка находится на каждой линии, которая рассекает внутреннюю форму.

Также возможно наполовину заполнить форму звезды.

Я хотел бы использовать это для звездного рейтинга, но мне нужно наполовину и, возможно, четверть заполнения.

    <svg height="210" width="500">
      <polygon points="100,10 40,198 190,78 10,78 160,198" style="fill:red;stroke:blue;"/>
    </svg>

Ответы на вопрос(3)

Ваш ответ на вопрос