Tutoriais
https://vvcestudio.com.br/pt/tutorial/html/svg02menu
SVG Ellipse e Text
SVG é a abreviatura de Scalable Vector Graphics que pode ser traduzido do inglês como gráficos vetoriais escalonáveis. Trata-se de uma linguagem XML para descrever de forma vetorial desenhos e gráficos bidimensionais, quer de forma estática, quer dinâmica ou animada.
Segue exemplo de SVG com ellipse e text.
codigo HTML
x
<svg width="300" height="165">
<ellipse cx="150" cy="80" rx="110" ry="45"/>
<text x="10" y="10">Texto</text>
</svg>
<ellipse cx="150" cy="80" rx="110" ry="45"/>
<text x="10" y="10">Texto</text>
</svg>
codigo CSS
x
svg {background-color: blueviolet;}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
Visite outros canais :
