Pull to refresh

ʇxǝʇ dılɟ

Website development
Наткнулся на забавный онлайн-сервис — в одном поле пишется текст, в другом автоматом появляется этот же текст но повёрнутый на 180 градусов, именно текст который при желании можно скопировать в буфер. Стала интересна реализация данной задумки и решил заглянуть в исходник.

Даже и не думал, что это можно сделать, да с такой красивой реализацией на JS. Всё предельно просто: составляется хэш соответствия символов, например «n» перевёрнутая «u» и т.п., для символов у которых нет отражённых копий в алфавите, ищутся соответствия в таблице Unicode. После чего хэш добивается своей реверсированной версией и остаётся только к нему обращаться через функции на эвентах.

Вообще идея хорошая, для статусов можно юзать, паролей и т.п.

Сайт сервиса: www.fliptitle.com

З.Ы. в данном примере работает только с латинскими буквами, с отечественной раскладкой видимо будет не всё так просто.
Tags:turned textповёрнутый текст на 180 градусовjsтекстповорачиватьwrite upside down
Hubs: Website development
Total votes 123: ↑91 and ↓32 +59
Views3K

Popular right now

Backend-разработчик Node Js
to 250,000 ₽R-VisionRemote job
Backend Development Engineer
from 200,000 ₽Pixel Networks LtdRemote job
Frontend разработчик (JS)
to 250,000 ₽Stream LabsRemote job
JS разработчик (стажировка)
from 15,000 to 50,000 ₽ООО LOOKAPRemote job
Frontend developer на Vue.js
from 70,000 to 120,000 ₽Icons8Remote job