Manejo de elementos SVG textuales y su propiedades y atributos 4.1.16
Relación de artículos de Steven Bradley en su web vanseodesign.com dedicados a conocer los elementos textuales del SVG y su manejo y control.
Manejo de elementos SVG textuales y su propiedades y atributos
De entrada una obviedad: el aspecto tipográfico y su control es básico. O lo controlas o tu web nacerá muerta.
De seguido otra obviedad: hoy es obligado el conocimiento y uso de los gráficos vectoriales escalables. Aka: SVG
De tercero y fin de obviedades: El SVG admite texto como uno de sus elementos.
Y el texto como elemento del SVG tiene una naturaleza dual: es renderizado como vector sin perder su naturaleza textual: es indexable y responde a las búsquedas. El sueño de los viejos flasheros
hecho realidad.
Pero el comportamiento de los elementos textuales del SVG tiene una serie de particularidades propias. Incluido las propiedades CSS que le son de aplicación.
Durante el mes de Diciembre de 2015, Steven Bradley dedicó en su web vanseodesign.com una corta serie de artículos a este particular. En concreto cuatro:
- How To Use SVG Font Properties
- En este primer artículo se centra en el uso de las propiedades del grupo
fonten los elementos textuales del SVG comotextotspanno sólo como eso, propiedades Css, sino también como atributos del elemento SVG:font-familyfont-stylefont-variantfont-weightfont-sizefont-size-adjustfont-stretchfont
- How To Work With The SVG Text Spacing Properties
- O de cómo lidiar con el espaciado en los elementos textuales del SVG.
- SVG Text On A Path — Part 1
- En la introducción a este artículo dice su autor:
Además de trazar texto en una línea recta SVG incluye la capacidad de alinear el texto a lo largo de cualquier trayectoria (path). Esto abre muchas posibilidades para la visualización de texto. Es fácil de configurar. Y los resultados son muy divertidos.
Y a ello (textpath) y a los atributos que permiten su control dedica este artículo. - SVG Text On Path—Part 2
- Este artículo, como su título indica, es la segunda parte y colofón del anterior.
Espero que su lectura te resulte amena y de utilidad.
Kseso
the obCSServer ᛯ Ramajero Argonauta, Enredique Amanuense de CSS.#impoCSSible inside
Dicen que, en español, EsCss es el mejor blog de CSS. Posíblemente exageren.
@Kseso EsCss Kseso