Altre stelle : A cinque punte
Questa pagina mostra il sorgente SVG usato per disegnare tutte queste stelle se viene caricata quando i secondi dell'orologio del PC sono maggiori di 30.
Se tutti i browser accettassero l'attributo name non ci sarebbe bisogno di usare tanti attributi id ma purtroppo ... attualmente.. 201409 .. Firefox ed Opera ignorano l'attributo name applicato nella marca svg.
{svg xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="svgaggiunti"
width="100" height="100" viewBox="0 0 5000 5000"}
{defs}
{symbol id="gruppolato"}
{a xlink:href="http://www.elegio.it/doc/"}
{g stroke="red" stroke-width="8" }
{path id="n1pathaggiunti"
d="M 2500,86 L 2500,793 2854,1646 3207,1793 Z
M 3000,2000 L 3354,2146 3604,2750 3354,2854 Z
M 3457,3104 L 3707,3707 4207,4207 3707,3000 Z" /}
{/g}{/a}
{/symbol}
{symbol id="gruppolatu"}
{a xlink:href="http://www.elegio.it/doc/"}
{g stroke="red" stroke-width="8" }
{path id="n2pathaggiunti"
d="M 2500,439 L 2500,793 2854,1646 3030,1720 Z
M 3000,2000 L 3177,2073 3479,2802 3354,2854 Z
M 3457,3104 L 3707,3707 3957,3957 3582,3052 Z" /}
{/g}{/a}
{/symbol}
{/defs}
{!-- =========================================== --}
{g}
{use transform="rotate(0,2500,2500)" fill="lightgreen"
xlink:href="#gruppolato" /}
{use transform="rotate(45,2500,2500)" fill="lightblue"
xlink:href="#gruppolato" /}
{use transform="rotate(90,2500,2500)" fill="pink"
xlink:href="#gruppolato" /}
{use transform="rotate(135,2500,2500)" fill="red"
xlink:href="#gruppolato" /}
{use transform="rotate(180,2500,2500)" fill="yellow"
xlink:href="#gruppolato" /}
{use transform="rotate(225,2500,2500)" fill="cyan"
xlink:href="#gruppolato" /}
{use transform="rotate(270,2500,2500)" fill="#ff00cc"
xlink:href="#gruppolato" /}
{use transform="rotate(315,2500,2500)" fill="blue"
xlink:href="#gruppolato" /}
{/g}
{g}
{use transform="rotate(0,2500,2500)" fill="green"
xlink:href="#gruppolatu" /}
{use transform="rotate(45,2500,2500)" fill="blue"
xlink:href="#gruppolatu" /}
{use transform="rotate(90,2500,2500)" fill="magenta"
xlink:href="#gruppolatu" /}
{use transform="rotate(135,2500,2500)" fill="darkred"
xlink:href="#gruppolatu" /}
{use transform="rotate(180,2500,2500)" fill="orange"
xlink:href="#gruppolatu" /}
{use transform="rotate(225,2500,2500)" fill="darkcyan"
xlink:href="#gruppolatu" /}
{use transform="rotate(270,2500,2500)" fill="#ff0088"
xlink:href="#gruppolatu" /}
{use transform="rotate(315,2500,2500)" fill="navy"
xlink:href="#gruppolatu" /}
{/g}
{g fill="none" stroke="black" stroke-width="16"
stroke-dasharray="64" fill-opacity="0.4" }
{circle r="2414.21" cx="2500" cy="2500" /}
{circle r="1707.106" cx="2500" cy="2500" /}
{circle r="1306.56296" cx="2500" cy="2500" /}
{circle r="700" cx="2500" cy="2500" fill="#ffff00" /}
{/g}
{/svg}
|
.
.
.
.
.
.