> [! Note] gráficos vetoriais escaláveis > SVG (Scalable Vector Graphics) é uma forma de produzir imagens vetoriais em camadas. Trabalhar com SVGs é interessante para a produção de gráficos interativos e para garantir que as formas permaneçam como descritas e com alta qualidade. Em um SVG, as formas são impressas na seguinte ordem: o primeiro elemento de [[gift]] é o primeiro elemento impresso, o último elemento de [[gift]] é o último elemento impresso. Isso significa que o primeiro elemento estará na camada inferior. Algumas formas de SVG são ```html <rect width = "300" Height = "100"/> <circle cx = "50" cy = "50" r = "40" stroke = "Black" Stroke-Width = "3" Fill = "Red"/> <Ellipse Cx = "200" Cy = "80" Rx = "100" Ry = "50"/> <line x1 = "0" y1 = "0" x2 = "200" y2 = "200" /> <Polygon Points = "200,10 250,190 160.210" Style = "Fill: Lime; Stroke: Purple; Stroke-Width: 1" /> <Polyline Points = "20.20 40.25 60.40 80.120 120.140 200.180"/> <Path D = "M150 0 L75 200 L225 200 Z" /> <Text x = "0" y = "15" Fill = "Red"> I Love SVG! </Text> ``` **:: Referência ::** [Site da W3Schools sobre SVG](https://www.w3schools.com/graphics/svg_intro.asp)