- Página Inicial
- Códigos HTML Prontos
- Html svg
- Voltar
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: Loop Nerd
330 Visualizações
Deixe um comentário