El atributo de representación de texto da una pista sobre qué contratos se deben realizar al representar el texto. Solo tiene efecto en el elemento de texto .
Sintaxis:
text-renderring = auto | optimizeLegibility |
geometricPrecision | optimizeSpeed
Valores de atributo: el atributo de representación de texto acepta los valores mencionados anteriormente y descritos a continuación:
- auto: muestra que el agente de usuario debe hacer los contratos apropiados para equilibrar la precisión geométrica, la legibilidad y la velocidad.
- optimizarVelocidad: muestra que el agente de usuario debe centrarse en la velocidad de renderizado sobre la precisión geométrica y la legibilidad.
- OptimizeLegibility: indica que el agente de usuario debe centrarse en la legibilidad sobre la precisión geométrica y la velocidad de representación.
- geometricPrecision: muestra que el agente de usuario se centrará en la precisión geométrica sobre la velocidad de representación y la legibilidad.
Ejemplo 1: a continuación se muestra el ejemplo que ilustra el uso del atributo de representación de texto
HTML
<!DOCTYPE html> <html> <body> <h1 style="color:green; font-size:50px; text-align:center;"> GeeksforGeeks </h1> <svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg"> <text y="15" text-rendering ="geometricPrecision"> Geometric precis </text> </svg> </body> </html>
Producción:
Ejemplo 2: a continuación se muestra el ejemplo que ilustra el uso del atributo de representación de texto
HTML
<!DOCTYPE html> <html> <body> <h1 style="color: green; font-size: 50px; text-align: center;"> GeeksforGeeks </h1> <svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg"> <text y="15" text-rendering ="optimizeLegibility"> Optimized legibility </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