Las transformaciones de texto son estrategias para realizar transformaciones geométricas en el texto (inversión, rotaciones, etc.), particularmente en sistemas que no admiten la transformación de forma nativa, como HTML , pantallas de siete segmentos y texto sin formato .
Implementación
Muchos sistemas, como HTML, pantallas de siete segmentos y texto sin formato, no admiten la transformación de texto. En el caso de HTML, esta limitación en la visualización puede eventualmente abordarse mediante hojas de estilo en cascada estándar (CSS), ya que las especificaciones propuestas para CSS3 incluyen la rotación de elementos de bloque. [1] Mientras tanto, se han utilizado varias formas de producir los efectos visuales de las transformaciones de texto.
Las más comunes de estas transformaciones son la rotación y la reflexión .
Unicode admite una variedad de caracteres que se asemejan a caracteres transformados, principalmente para diversas formas de transcripción fonética . Cada uno de estos nombres de personajes indica qué tipo de transformación han sufrido los personajes:
- Caracteres invertidos, aquellos que se han reflejado en una línea vertical (es decir, volteados horizontalmente);
- Caracteres invertidos, aquellos que se han reflejado en una línea horizontal (es decir, volteados verticalmente, solo se ha hecho una letra de esta manera);
- Caracteres volteados, aquellos que se han girado 180 grados y por lo tanto aparecen al revés (este es el más común);
- Caracteres laterales, aquellos que se han girado 90 grados en sentido contrario a las agujas del reloj (generalmente los menos admitidos y utilizados solo para un puñado de vocales en el sistema de alfabeto fonético urálico ).
Texto al revés
Se pueden utilizar estrategias para traducir palabras al revés en lenguajes como HTML que no permiten la rotación de texto; utilizando caracteres Unicode (especialmente los de la API ), se puede lograr una aproximación muy cercana del texto al revés (también llamado texto invertido ). Las letras s, x, zyo son rotacionalmente simétricas , mientras que pares como b / q, d / p y n / u son rotaciones entre sí. El resto de las letras se han codificado en la sección Unicode IPA, generando un conjunto completo de letras minúsculas al revés. Con la adición del alfabeto Fraser al estándar Unicode en la versión 5.2, ahora está disponible el soporte completo (o al menos casi completo) para letras mayúsculas al revés. El soporte numérico es incompleto; cuatro números son universalmente estrobogramáticos (0, 8 y 6/9), ya las versiones invertidas de los números 2 y 3 se les han asignado provisionalmente puntos Unicode para su uso en notación docena ; sin embargo, todavía no se admiten otros números. La puntuación (mediante el uso de caracteres como el interpunto y el signo de interrogación invertido y el signo de exclamación ) se cubre principalmente. Existen varias utilidades de Internet para la transformación de texto normal en (ya veces desde) texto al revés; cada uno tiene su propio algoritmo ligeramente diferente para las letras que no están bien cubiertas o no están bien cubiertas. Se puede encontrar una lista de convertidores y algoritmos en la siguiente lista .
Un proceso similar es la codificación USD , que utiliza caracteres completamente dentro del conjunto de caracteres ASCII . Debido a que es casi completamente alfanumérico, es mucho más compatible con otros programas que no son compatibles con Unicode y es más fácil de escribir a mano. Sin embargo, el texto creado mediante la codificación USD es mucho menos legible y, de hecho, se parece más a Leet . Otro problema es que debido a que no todas las letras se ajustan bien, los algoritmos de USD no pueden ser una involución completa (es decir, completamente convertible hacia adelante y hacia atrás) y contener un juego completo de letras al mismo tiempo. Por ejemplo, el ejemplo del algoritmo Albartus USD que se ve en la sección "Ejemplos" a continuación tiene k, T, t y R todavía en sus posiciones verticales. Otro problema con la codificación USD es el uso de cursiva . La letra "a", en la mayoría de los tipos de letra que utilizan fuentes en cursiva, se representará como una alfa latina de "un piso" , lo que provocará problemas con cualquier palabra que utilice esa letra como una "e" minúscula. El tipo oblicuo no tiene este problema.
A continuación se muestra una tabla de conversión que se puede utilizar para transformar la salida en minúsculas, mayúsculas y números y puntuación. Estos caracteres requieren la versión 8.0 de Unicode como mínimo (en particular, ᘔ y Ɛ del bloque duodecimal ).
Letras minúsculas | z | ʎ | X | ʍ | ʌ | norte | ʇ | s | ɹ | B | D | o | tu | ɯ | l | ʞ | ſ | ᴉ | ɥ | ɓ | ɟ | ǝ | pag | ɔ | q | ɐ |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
007A | 028E | 0078 | 028D | 028C | 006E | 0287 | 0073 | 0279 | 0062 | 0064 | 006F | 0075 | 026F | 006C | 029E | 017F | 1D09 | 0265 | 0253 | 025F | 01DD | 0070 | 0254 | 0071 | 0250 | |
capitales cartas | Z | ⅄ | X | METRO | Λ | Ո | Ʇ | S | ᴚ | ტ | Ԁ | O | norte | ꟽ | ⅂ | ꓘ | ᒋ | I | H | ⅁ | Ⅎ | Ǝ | ᗡ | Ɔ | ᗺ | Ɐ |
005A | 2144 | 0058 | 004D | 039B | 0548 | A7B1 | 0053 | 1D1A | 10E2 | 0500 | 004F | 004E | A7FD | 2142 | A4D8 | 017F | 0049 | 0048 | 2141 | 2132 | 018E | 15E1 | 0186 | 15FA | 2200 | |
Números | 0 | 6 | 8 | ㄥ | 9 | ဌ | ߈ | Ɛ | ᘔ | ⇂ | ||||||||||||||||
0030 | 0036 | 0038 | 3125 | 0039 | 100C | 07C8 | 218B | 218A | 21C2 | |||||||||||||||||
Puntuación | ⅋ | ‾ | ¿ | ¡ | „ | , | ˙ | ' | ؛ | |||||||||||||||||
214B | 203E | 00BF | 00A1 | 201E | 002C | 02D9 | 0027 | 061B |
Texto lateral
El texto lateral presenta un problema único. A diferencia de la rotación de texto en 180 grados, el número de caracteres laterales es muy inferior al que se necesitaría para la mayoría de los propósitos, y debido a que el texto se representa horizontalmente, sería muy difícil representar más allá de una línea de texto vertical de una manera bien alineada sin columnas, especialmente en fuentes proporcionales (además, cada carácter requeriría un salto de línea después). El proceso de usar caracteres alternativos para el texto lateral se complica aún más por el hecho de que la mayoría de las fuentes espacian las letras más verticalmente (para acomodar el subrayado y el sobrelínea ) que horizontalmente, y que la mayoría de las fuentes son más altas que anchas, lo que hace que el texto simulado lateral se vea significativamente más incómodo.
Hasta que CSS3 introdujo la rotación para los elementos de bloque, [2] no había una forma directa de rotar el texto en ninguna dirección que no fuera el método manual de 180 grados descrito anteriormente. Internet Explorer ofrecía una propiedad CSS patentada que rotaba el texto 90 grados en el sentido de las agujas del reloj, que ha sido revisada e incorporada en CSS: Sigue habiendo algunas inconsistencias en cómo
writing-mode
se implementa la propiedad; la rotación también puede causar algunos problemas con el ancho, alto y ajuste de palabras de un elemento dado.
La forma más común de solucionar estos problemas era utilizar imágenes de texto, que luego se pueden rotar y transformar en un editor de imágenes a voluntad, y representar el texto en esas imágenes con el atributo alt para que los motores de búsqueda y los navegadores de solo texto puedan léalo correctamente. El uso de arte ANSI y caracteres de dibujo de recuadros para dibujar manualmente texto lateral tiene la ventaja de que se puede copiar y pegar (mientras que las imágenes no se encuentran en la mayoría de las situaciones de texto plano), pero generalmente crea caracteres grandes y generalmente no es legible por los motores de búsqueda. Con la adopción más amplia de CSS3 por parte de todos los principales navegadores, estos métodos ahora son en su mayoría obsoletos para los medios web.
Texto invertido
Aunque menos extendido, el texto también puede invertirse para ser una imagen especular de sí mismo. Las letras A, H, I, M, O / o, T, U, V / v, W / w, X / x, Y, y en algunas fuentes i y l son simétricas en el eje y; los pares de b / d y p / q se transforman entre sí. Las letras И, Я y г del cirílico , entre otras fuentes, se encuentran entre los numerosos caracteres que se pueden utilizar para generar aún más este efecto. El texto invertido puede usar letras mayúsculas mezcladas con minúsculas, a diferencia de la estricta minúscula utilizada por la transformación al revés (las letras minúsculas y mayúsculas invertidas generalmente no se alinean como lo harían en posición vertical, aunque las letras invertidas sí).
La simetría del eje X es visible en las letras B, C, D, E, H, I, K, O, X, y en algunas fuentes a y l, así como en los pares de a / g , b / p, d / q, e / G yf / t. Expandirse a cirílico y griego produce más simetrías, como Λ / V y Γ / L.
El tipo de letra Fixedsys Excelsior incluye un conjunto completo de caracteres invertidos como este en su Área de uso privado. Sin embargo, las utilidades en línea para crear texto reflejado no están fácilmente disponibles, y la mayoría de los sitios que afirman "texto reflejado" o "texto inverso", de hecho, solo cambian el orden de las letras y en realidad no invierten las letras.
Texto dilatado
A través del uso de Unicode de mayúsculas pequeñas , de forma pequeño puntuacion , y subíndices y superíndices modificadores fonéticos , texto puede ser creado que es más pequeño que el texto en línea. Por lo general, esto solo es necesario para aplicaciones que solo admiten texto sin formato de un tamaño, ya que HTML y CSS admiten diferentes tamaños de texto.
Ejemplos de
Nombre Año | ᘏ 𝄩 ᘏ 𝄩 | ᗜ ⊂ ᔕ ⊣ ⤙ | ᓚ ⊂ ᗜ 𝄩 ⊣ ェ | ϖ 𝄩 ᘏ ᘏ ᔕ |
---|---|---|---|---|
2018 | ✔ | ✔ | ||
2019 | ✔ | ✔ | ||
2020 | ✔ | ✔ | ✔ | |
Tabla de ejemplo con texto lateral usando caracteres Unicode |
- Arte, como representar las dos zonas de anotación o las designaciones de los jugadores en un campo de fútbol americano; por ejemplo, " sɹəʅəəʇS ɥɓɹnqsʇʇɪƋ " de este ejemplo o " sʇuɐɪ ŋ ʞɹoʎ ʍəN ƕ" (tenga en cuenta el uso de hwair como dingbat del logotipo del equipo).
- Los emoticonos se dibujan tradicionalmente de lado en Norteamérica.
- Mejor ajuste; por ejemplo, rotar los encabezados de columna en una tabla hacia los lados produciría una tabla más compacta, deseable particularmente en tablas que contienen principalmente abreviaturas y valores numéricos.
- Evocando los estereotipos rusos , volteando ciertas letras una a la vez.
- Evocando la simplicidad, como la confusión infantil sobre la dirección de una letra (por ejemplo, " Toys Toys Us ").
- Simetría , como en las marcas denominativas de Nine Inch Nails (NIИ), ABBA (ᗅᗺᗷᗅ) o el eslogan "EIB" de The Rush Limbaugh Show (εıз). El uso de la transformación de esta manera se conoce como ambigrama .
- Calculadora de ortografía en pantallas de siete segmentos, donde los números representan letras al revés (por ejemplo , 07734 , "hola").
- Emulando el estilo de escritura boustrophedon , donde las líneas alternas se escriben en direcciones opuestas.
- Los pentominós y los tetrominós se parecen (y tradicionalmente reciben su nombre) letras latinas, y la rotación de estos objetos en forma de letras forma la base de varios juegos, incluido el Tetris .
- Aunque no es una transformación estricta, la sustitución de un plural "s" con su casi reflejo "z" es un tropo bastante común entre algunos equipos deportivos de ligas menores en los Estados Unidos, para hacer que los nombres de los equipos parezcan más modernos.
- Cifrado básico , para "ocultar" la respuesta a una broma o un acertijo, por ejemplo:
- Pregunta: ¿Cómo se puede distinguir a un introvertido de un extrovertido?
- Respuesta: ˙sǝoɥs s, ʎnƃ ɹǝɥʇo ǝɥʇ ʇɐ sʞool ʇɹǝʌoɹʇxǝ ǝɥʇ 'sɹoʇɐʌǝlǝ ǝɥʇ uı (Usando el algoritmo Revfad)
- O: 'saoys s.hn6 R3HTO ayt te skool tJa ^ oJtxa ayt `sJote ^ ala ayt uI (usando el algoritmo Albartus USD)
ruso
- Pregunta: ¿Cómo obtienen los flamencos su color?
- Respuesta: ¿ɯǝʚǹ n̯oʚɔ ɯoıɐҺʎvou oɹниwɐvȸ ʞɐʞ
Béisbol
- En el sistema de anotación de béisbol , un jugador que se poncha a pesar de no hacer el swing en el tercer strike se indica en el libro de puntuación oficial con una K invertida o girada. Se ha agregado a Unicode en la versión 7.0 en U + A7B0 (Ʞ).
- En el álbum Superunknown de Soundgarden , toda mención del álbum o de la pista principal (excepto en el folleto de letras) se muestra como "Superиmoиʞи∩".
- La bebida 7Up a principios de la década de 2000 tenía una contraparte derivada , conocida como dnL , con un color y sabor significativamente diferentes, así como con cafeína.
- Facebook agregó "inglés al revés" como opción de idioma en el verano de 2009.
Ejemplo de texto invertido reflejado a lo largo de un eje y:
- Ejemplo: ... иiɒəɒ иɘqo x иoiƨиɘмib oɟ lɒɟɿoq ɘнɟ ɟʇɘl γbodɘмoƧ (Alguien dejó el portal a Dimension X abierto de nuevo ...)
El poeta Darius Bacon ha escrito dos ejemplos de poesía palindrómica que se lee igual al revés que al derecho. [3]
Comparación de algoritmos
Convertidor | Minúscula | Mayúsculas | Números | Reconvertir hacia atrás | Reflexión | Conjunto de caracteres | Proporciona HTML | sitio web |
---|---|---|---|---|---|---|---|---|
Filtro de texto | sí | No | No | sí | Errores | Todo Unicode | No | http://www.text-filter.com |
Flip-O-Matic | sí | Incompleto | Errores | sí | No | Todo Unicode | No | http://flip-o-matic.net |
Dar la vuelta | sí | No | No | sí | No | Caracteres latinos en Unicode | No | http://www.revfad.com/flip.html |
Rot180 | sí | sí | sí | No | No | Todos los usos Unicode combinan caracteres para algunos | No | http://www.logarithmic.net/pfh-files/blog/01173253837/rot180.html |
Fliptext.org | sí | No | No | No | No | Latín , con dos excepciones | No | http://www.fliptext.org/ |
Fliptext.net | sí | No | sí | sí | No | Latín para letras, todo Unicode para números | No | http://www.en.fliptext.net |
Fliptext.info | sí | sí | No | sí | No | Latín , con una excepción | No | http://www.fliptext.info/ |
Letras al revés | sí | No | No | sí | No | Latín , con una excepción | No | http://www.sevenwires.com/play/UpsideDownLetters.html |
Codificación USD | Incompleto | Incompleto | sí | sí | No | ASCII | N / A | http://albartus.googlepages.com/usd |
NQA S | sí | sí | Sin errores | Casi | No | Windows-1252 | No | http://www.superliminal.com/upsidedown/NQAS.htm |
UpsideDown.info | sí | Incompleto | sí | No | Eje X, incompleto | Todo Unicode | sí | http://upsidedown.info |
UpsideDown Text.com | sí | Incompleto | sí | sí | Errores | Caracteres latinos con Unicode | sí | http://www.upsidedowntext.com |
Flipallwords.com | sí | No | No | sí | No | Latín para letras, todo Unicode para números | No | http://www.flipallwords.com |
Ortografía de la calculadora | Incompleto | Incompleto | Incompleto | No | No, pero concebible | Números 0-9 | No | |
Escribir al revés | sí | sí | sí | sí | No | Todo Unicode | No | http://www.web2generators.com/text/write_upside_down |
Lunicode | sí | sí | sí | sí | Eje Y | Todo Unicode | sí | http://lunicode.com |
Cryptii | sí | sí | sí | sí | No | Todo Unicode | sí | https://cryptii.com/pipes/upside-down |
Backwards-text.com | sí | sí | sí | sí | sí | Todo Unicode | No | https://backwards-text.com/ |
Keyboard.cool | sí | sí | sí | sí | No | Todo Unicode | No | https://keyboard.cool/text-effects |
Referencias
- ^ Bert Bos, ed. (9 de agosto de 2007). "Modelo de caja básica CSS" . W3C . Consultado el 19 de noviembre de 2012 . CS1 maint: parámetro desalentado ( enlace )
- ^ ¿Puedo usar ... transformaciones CSS3
- ^ Tocino, Darío. un poema y deus am . El palindromista # 4.