El atributo textLength le permite enumerar el ancho del espacio ocupado por el texto. Al usar textLength, su texto SVG se mostrará con el mismo ancho. Los elementos que usan este atributo incluyen: <text>, <textPath>, <tref> y <tspan>.
Sintaxis:
textLength = length-percentage | number;
Valores de atributo: el atributo transform acepta los valores mencionados anteriormente y descritos a continuación:
- longitud-porcentaje: Enumera el ancho del espacio que ocupa el texto para ocupar una longitud absoluta o porcentaje.
- número: Es un valor numérico que se refiere a las unidades del sistema de coordenadas actual.
Los siguientes ejemplos ilustran el uso del atributo textLength
Ejemplo 1:
HTML
<!DOCTYPE html> <html> <body> <h1 style="color:green; font-size:50px;"> GeeksforGeeks </h1> <svg viewBox="0 0 300 160" xmlns="http://www.w3.org/2000/svg"> <text y="15" textLength="10em"> A Computer Science portal. </text> </svg> </body> </html>
Producción:
Ejemplo 2:
HTML
<!DOCTYPE html> <html> <body> <h1 style="color:green; font-size:50px; text-align:center;"> GeeksforGeeks </h1> <svg viewBox="0 0 300 160" xmlns="http://www.w3.org/2000/svg"> <text y="20" textLength="100%"> A Computer Science portal. </text> </svg> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por thacker_shahid y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA