Html svg

Postado: 3 de junho de 2022

Html svg

SVG é a abreviação para Scalable Vector Graphics. É um formato de tipo de imagem exclusivo para gráficos com base vetorial escritos em linguagem de marcação extensível (XML).

O SVG define gráficos baseados em vetor em formato XML.

O que é SVG?

  • SVG significa Scalable Vector Graphics
  • SVG é usado para definir gráficos para a Web
  • SVG é uma recomendação do W3C

O elemento HTML <svg>

A tag <svg> define um contêiner para gráficos SVG.

O SVG tem vários métodos para desenhar caminhos, caixas, círculos, texto e imagens gráficas.

Veja alguns exemplos no código abaixo

Círculo SVG

<!DOCTYPE html>
<html>
<body>

<svg width="100" height="100">
  <circle cx="50" cy="50" r="40" stroke="blue" stroke-width="4" fill="black" />
</svg>

</body>
</html>

Retângulo SVG

<svg width="400" height="100">
  <rect width="400" height="100" style="fill:rgb(80,216,221);stroke-width:10;stroke:rgb(77,77,77)" />
</svg>

Neste artigo abordamos sobre a tag Html svg.

Veja outros artigos sobre Tags HTML Lista Completa

Publicado por: loopnerd

112 Visualizações

Deixe um comentário

O seu endereço de e-mail não será publicado.

Artigos Relacionados