Tutorials
https://vvcestudio.com.br/en/tutorial/html/svg02/menu
SVG Ellipse e Text
SVG is the abbreviation for Scalable Vector Graphics which can be translated from English as scalable vector graphics. It is an XML language for describing two-dimensional drawings and graphics in vector form, whether statically, dynamically or animatedly.
Below is an example of SVG with ellipse e text.
HTML code:
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>
CSS code:
x
svg {background-color: blueviolet;}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
svg rect {fill:coral; stroke:crimson; stroke-width: 3}
Visit other channels :
