Un curioso y divertido truco para rotar letras visto en este foro, se trata de una función Javascript que sustituye las letras dadas por los caracteres que más se le parecen al rotar las letras del texto 180º.
Girar Texto
Tras esta breve presentación de Unicode pasemos a ver el truco Javascript para rotar las letras de un texto. Para probarlo introduce una cadena de texto en el campo "Original" y pulsa el botón "Girar Texto".
En la gran mayoria de los caracteres se utilizan caracteres unicode pero tambien hay algunos caso en los que para representar una letra del alfabeto invertida se utiliza otra letra del alfabeto para representarla:
b -> q
d -> p
g -> b
l -> 1
n -> u
o -> o
p -> d
s -> s
q -> b
x -> x
z -> z
¿Qué es Unicode?
Pero te puedes seguir preguntando ¿Qué es Unicode?...
Unicode proporciona un número único para cada carácter (Sólo un número),sin importar el programa ó el idioma y plataforma que lo utilize.
Es compatible con la gran mayoría de sistemas operativos y con todos los navegadores actuales.
Por lo tanto y resumiendo es una manera de representar caracteres de tal forma que podemos tener en un mismo texto el número de lenguas que queramos al mismo tiempo (chino, español, japonés, ruso, sueco, etc...).
¿Cómo se asocian caracteres y números en Unicode?
Cada caracter tiene un número asociado : U+xxxx, la U es Unicode y las xxxx son un número hexadecimal.
Ejemplo
| Caracter | Unicode |
| A | U+0041 |
| a | U+0061 |
| ß | U+00DF |
Veamos que podemos hacer con unos caracteres de UNICODE un tanto especiales los elementos de bloque, este es un archivo pdf con todos los elementos de bloque soportados por los navegadores | Block Elements - Test for Unicode support in Web browsers:
█▀█ █▄█ █▄▄ █▀█ ▄ █
Si al copiar este código se te deforma es por el tipo de fuente utilizada, la fuente adecuada para mostrar este ejemplo es Courier New
Código fuente para rotar letras Javascript
<script language="JavaScript">
function rotar() {
var result = cadena_rotar(document.f.original.value);
document.f.rotado.value = result;
}function cadena_rotar(aString) {
aString = aString.toLowerCase();
var last = aString.length - 1;
var result = "";
for (var i = last; i >= 0; --i) {
result += rotar_caracter(aString.charAt(i))
}
return result;
}function rotar_caracter(c) {
if (c == 'a') {
return '\u0250'
}
else if (c == 'b') {
return 'q'
}
else if (c == 'c') {
return '\u0254'
}
else if (c == 'd') {
return 'p'
}
else if (c == 'e') {
return '\u01DD'
}
else if (c == 'f') {
return '\u025F'
}
else if (c == 'g') {
return 'b'
}
else if (c == 'h') {
return '\u0265'
}
else if (c == 'i') {
return '\u0131'//'\u0131\u0323'
}
else if (c == 'j') {
return '\u0638'
}
else if (c == 'k') {
return '\u029E'
}
else if (c == 'l') {
return '1'
}
else if (c == 'm') {
return '\u026F'
}
else if (c == 'n') {
return 'u'
}
else if (c == 'o') {
return 'o'
}
else if (c == 'p') {
return 'd'
}
else if (c == 'q') {
return 'b'
}
else if (c == 'r') {
return '\u0279'
}
else if (c == 's') {
return 's'
}
else if (c == 't') {
return '\u0287'
}
else if (c == 'u') {
return 'n'
}
else if (c == 'v') {
return '\u028C'
}
else if (c == 'w') {
return '\u028D'
}
else if (c == 'x') {
return 'x'
}
else if (c == 'y') {
return '\u028E'
}
else if (c == 'z') {
return 'z'
}
else if (c == '[') {
return ']'
}
else if (c == ']') {
return '['
}
else if (c == '(') {
return ')'
}
else if (c == ')') {
return '('
}
else if (c == '{') {
return '}'
}
else if (c == '}') {
return '{'
}
else if (c == '?') {
return '\u00BF'
}
else if (c == '\u00BF') {
return '?'
}
else if (c == '!') {
return '\u00A1'
}
else if (c == "\'") {
return ','
}
else if (c == ',') {
return "\'"
}
return c;
}
</script>
Enlaces Relacionados
- Visor de thumbnails
- Comprimir y ofuscar archivos Javascript
- ¿Por qué escribir HTML válido?
- Estadísticas de nuestra página con Timeplot
- Términos y condiciones de uso
- La importancia de los Favicons
- Firebug a fondo
- Proyecto de SIMILE, Timeplot
- Listado de provincias y municipios de España
- Crea tu propio iGoogle con Prototype
Nueva comunidad
hola amigos civerneticos los quiero invitar a mi nueva comunidad en la red se llama WWW.Gb3rt.hyperforum.net espero que entren y se registren y sean parte de esta gran comunidad!! los espero no me fallen
jejeje, muy bueno, gracias
jejeje, muy bueno, gracias por el aporte.
nos os podéis imaginar lo
nos os podéis imaginar lo que ligo girando letras en los chats .....gracias
jaja, que bueno xD.
jaja, que bueno xD.
Talibán javascriptero
Esta interesante el articulo pero duele ver el
language="JavaScript"en veztype="text/javascript"y los tropecientos else if ahi juntitos xDUn saludo
Enviar un comentario nuevo