Esboçando e preenchendo parcialmente uma forma SVG

Eu tenho um jsfiddle aqui -http://jsfiddle.net/apbuc773/

Eu gostaria de criar uma estrela usando svg.

Eu gostaria de acariciar o lado de fora da estrela. No meu exemplo, o traço está em todas as linhas que dissecam a forma interna.

Também é possível preencher pela metade a forma de estrela.

Gostaria de usar isso para uma classificação por estrelas, mas preciso de metade e talvez de um quarto.

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

questionAnswers(3)

yourAnswerToTheQuestion