심심풀이] 상하반전문자를 만들어볼까...

google wave 에 나온 앱스중에 상하반전을 보여주는 경우가 있어서...
그거 생각난김에 시작은 했는데...

음... 거울이 없어서 일일이 이미지 flip 해서 간신히 만들어봤다.

...

<script>

//var flipvalue="  /`,/,`/.'/'./ag/bp/cc/dq/eБ/ft/ga/hμ/iI/jぅ/ll/kk/l|/mw/nu/oo/pb/qd/rL/sz/tf/un/vㅅ/wm/xx/yλ/AV/BB/CC/DD/EE/Ft/G@/HH/II/Jぅ/KK/L┌/MW/NИ/OO/Pb/Qб/Rγ/S2/T⊥/U∩/VΛ/WM/XX/Yλ/Z5/00/1√/2S/33/4ゥ/5Z/6Q/7┘/88/9∂/",
// 2010/05/12 23:16 
var flipvalue="  /`,/,`/.'/'./aɡ/bƤ/cc/dq/eɕ/fʈ/gƌ/hμ/i!/jļ/kҟ/lʃ/mw/nц/oՕ/pb/qd/rι/sϨ/tʄ/uӆ/vʌ/wʍ/xx/yλ/zs/"+

  "A∀/BB/CC/DD/EE/Fէ/G@/HH/II/J˥/KK/LΓ/MW/NИ/OO/PЪ/QƠ/RӃ/SϨ/T⊥/U∩/VΛ/WM/XX/Yλ/Z5/"+

  "00/1√/2S/33/4Ճ/5Z/6℮/7┘/88/9∂/~~/!¡/",
// '10.08.04 추가수정
  flipArray=new Array();

// function flipinit() {
  var p=0, np;
  while ((np=flipvalue.indexOf('/', p))>=0) {
    flipArray[flipvalue.charAt(p)]=flipvalue.substring(p+1, np);
    p=np+1; }
//  }

function flipString(v) {  var p, ov='';  for (p=0; p<v.length; p++) ov+=flipArray[v.charAt(p)]; return ov; }
</script>

<script>
document.write(flipString('Hello, I am sam.'));
</script><br>

<div style="background-color:#dddddd; filter:flipv; overflow:hidden; width:200px; height:30px; ">
<script>
document.write(flipString('Hello, I am sam.'));
</script></div><br>

...

...

원리라고 한다면...

1) 거울문자를 만들어서
2) 기존 문자는 한글자라는 가정하에
3) 한글자 뒤에 거울문자를 붙이고 마무리로 '/' 를 붙인 후
4) Array 에 기존문자에 매치시킨 거울문자값을 대입시킨다.

뭐... 요정도.

예전에 압축...에 관련한 이야기를 쓴 적이 있는데,
그때의 1짜장면, 2짬뽕...과 비슷한 맥락이다.

... 어설프게 만들어본거라... 될지 안될지는 반반.
(IE 의 filter:flipv 를 사용해서 표시해봤다. 다른 곳에서는 filter 적용이 안될테니 거울로 직접 해보기를...)

NowMark killofki@.