El elemento <desc> en SVG se utiliza para proporcionar una descripción de texto accesible para cualquiera de los elementos SVG disponibles, ya sea un contenedor o un elemento gráfico.
Sintaxis:
<desc></desc>
Valores de propiedad: No tiene ningún valor de propiedad.
A continuación se dan algunos ejemplos de la función dada anteriormente.
Ejemplo 1: cuando el texto dentro del desc se da en un elemento circular.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
path1tent="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
svg{
width: 200px;
height: 200px;
color: #ffffff;
background-color: green;
}
</style>
<body>
<svg>
<circle cx="100"
cy="100"
r="80">
<desc>
Geeks for geeks
</desc>
</circle>
</svg>
</body>
</html>
Salida: tenga en cuenta que el texto no se muestra en la salida.
Ejemplo 2: cuando el texto dentro del desc se da en un elemento de rectángulo.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
path1tent="width=device-width,
initial-scale=1.0">
<title>Document</title>
</head>
<style>
svg{
width: 200px;
height: 200px;
color: black;
background-color: green;
}
</style>
<body>
<svg>
<rect aria-describedby="info"
width="180" height="100"
x="10"
y="50"
fill="white"
stroke="black">
<desc id="info">
Geeks for geeks
</desc>
</rect>
</svg>
</body>
</html>
Producción:
