SVG polígono
SVG polígono - <polígono>
exemplo 1
tag <Polygon> é usado para criar gráficos que contenham pelo menos três lados.
Polígonos são linhas retas, a forma está "fechado" (todas as linhas conectadas).
polígono a partir de Grécia. "Poly" a "muitos", "gon" meios "angle".
Aqui está o código SVG:
Exemplos
<Polygon aponta = "200,10 250.190 160.210"
style = "preencher: Cal; acidente vascular cerebral: roxo; stroke-width: 1" />
</ Svg>
tente »
Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).
análise de código:
- x e y coordenadas dos pontos de definições de atributos para cada canto do polígono
exemplo 2
O exemplo a seguir cria um polígono de quatro lados:
Aqui está o código SVG:
Exemplos
<Polygon aponta = "220,10 300.210 170.250 123.234"
style = "preencher: Cal; acidente vascular cerebral: roxo; stroke-width: 1" />
</ Svg>
tente »
Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).
exemplo 3
Use elemento <polígono> para criar uma estrela:
Aqui está o código SVG:
Exemplos
<Polygon aponta = "100,10 40.180 190,60 10,60 160.180"
style = "preencher: Cal; acidente vascular cerebral: roxo; stroke-width: 5; encher-regra: diferente de zero;" />
</ Svg>
tente »
Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).
exemplo 4
Alterar o preenchimento-regra atributo "evenOdd":
Aqui está o código SVG:
Exemplos
<Polygon aponta = "100,10 40.180 190,60 10,60 160.180"
style = "preencher: Cal; acidente vascular cerebral: roxo; stroke-width: 5; encher-regra: evenOdd;" />
</ Svg>
tente »
Para os usuários do Opera: arquivo SVG vista (clique direito do mouse sobre o gráfico de origem pré-visualização SVG).