回上層
Disp BBS
看板 DISP_BBS
作者 Knuckles(阿德)
標題 [新增] ansi圖調整大小的功能
時間 2010年03月09日 Tue. PM 08:43:14

在BBS2HTML轉碼器加了個字體大小的選項
有 6, 10, 14, 18, 20, 24, 30 可以選，預設為20

另外使用反白或字體小於20時，會自動加上一篇講的float標籤進去
這樣反白時右邊就不會有一大片白底了

圖調小了之後也可以利用 float 來併排
像這樣:

[float]
ANSI圖1
[/float][float]
<-間隔->
[/float][float]
ANSI圖2
[/float]
[clear]

   ▂▂▅▇     ∕▋▍     ▌▋ ▊▊ ▊  ﹨       ▊▊ ▍▍  ▉        ▃▂◥       ◣█
  ◢        ▼▼/▊▋     ▊▊▎▋ ▋▎▎ ﹨   ▕▊▏▏▋▋  ▊▊ ╲╲  ◢██▎▎◥◥◥      ╲◣
◢◢◢       ◤▋▋▍▍  ◤◤▏ ▉▉  ▉▎ ▉▉   ╲  ▋▋▏▏▎▎▉▉ ▋▏▏   ████▎▎▉▏▆▄▂  ╲╲
◤▲▲     ◤ ◤◤▋▋  ▌▊▍▍▎▎   ▊▍▍▉◣◣    ▉▎▎▌ ▋▎ ▎   ◥◥◣◣▎▎◢◢▎chat  ▅▅▂▂
_▆▆▄▂▂▃▂▂▼▼▍ ▌  ▏▉▏▎     ▍◣▎▼▼  ▋▉▎ ▊▊▊▊ ▌▉﹨▆▆▅▅▆▍  ▂     █
█◣◤ █▋▲▲▊▊ ▍ ▎ \ ▉▏     ◣◣ ▲▲▏◣ ▍▋   ▉ ▊▋▊  v▊▲▲▊▉▏ ◣_▃▄
▼▼◤◤██◤◤◆◆  ▍▎     ﹨▏▏          ◥◣ ◥  ▏      ▊▎▏▏  ▋︳▋  ▎  ▆▆▇▇◤
 ▼▼▲▲█◢◢▎◣◣ ▋▍▎▎   ◥◥ˍ▂▃▂ˍ╱╱    ◥ ▊ˍ▁▂◢◢▎▍▋   ∥∥ ▍▉▏  ◢◢◤█
██ ▕▍▍▲▲ ◣▉▋▋▏  ▉▲▲〞  ▇◥▼▼       ◥ ◤◤ ▇◥◣▋▎▎▼▼/  ▏▼▼▎  ▋  █
███◥◥▎ ▏ ◣ ▎▎   ∕▌        ◥◥    ▲▲          〝▲▲▎▋◤∕◤▼▼▆▆▏▏ ▼▼   █
▎█▉▍▏▏ ▎╲ ◣◣▏▏  /▊▏             ◥◥              ▍◤◤  /▲▲◢◢▉▊▊▏   ▉▼▼
▍█▼▼ ▋▏▍▍  ╲ ◥ ｜  ▍          ˍ▁ˍ﹍﹍         ▼▼▍   ▲▲ ◢.▊ ▍    ▊﹨
▌ ◤╱▋▏▌    ˙◥◥▲▲ ▋▋█      ▄▄◤    ◥▲▲         ◤◤   ▲▲◢╱ ▋ ▌◥  ▋﹨
 ▼▼∕∕  ▲▲  ▍     ▲◥◥▲▲▊▂▂     ▉▎                 ◤◤/ ◤◤▃▃     ▋ ▊╲╲▼▼▆▆▅
▼▼∕ ▼▼◤  ▏▏   ▕▊  ▎▎◥▆▆▃▃              ▍     ▂▂▆▆▲▲◤▲▲      ▊ ◥◥  \▼▼ █
 ∕∕ ◢ ◢▼▼      ▉    ▍  ◥▆▆▃▃  ◣     ▼▼     ▂▂▅▅◤◤◤◤▏  ◣     ▍▲▲◣ ﹨﹨ █
▲▲◢    ◢      ◤◤   ▼▼▎     ◥▅▅▂▂▆▆▃▄▇▇▂▂▄▆▆◤    ▋▍◥◣     ◣◣   ◣▅▅▂▂
▆▆  ˍ◢         ▂▂▅◤▼▼   ▂▂▃▃ ◥▇▇▅▃▄▆▆◤ ▁▁▂▂     ◥▼▼  ◥◥      ◣   ▇▇▅
▆▇▁▁▂▄▆▇▇▇▆▄︷﹏◣ ▋▉     ◥  ◤       ∩▏     ▲▲◣▂▄▃▂▁▆▆▄▃▂
▇▎▎▎             ▍  ◥◥▼▼●●▊   ▂▂▁▁▼╱◣    ▍▊   ﹊￣◣           ▇▅▅▄▃
▏▌▍▍              】】  ◆◆▲▲ ▋▃▃▆▆ ◣  ◢◤╲╲  ▎  ◣▲▲    ◆◆            ▎  █
▎▎▊▌▌            ▊     ▲▲◣◣◢◢  ▏◣▇▇▆▆◆◆   ╲▏          ◢◢              ▏▏█
▍▍  ▊▊            ●●▏         ▼▼▍ ◣◣▲▂▎   ▎         ▼▼ ▏         ▊▉▍█
<-間隔->
   ▂▂▅▇     ∕▋▍     ▌▋ ▊▊ ▊  ﹨       ▊▊ ▍▍  ▉        ▃▂◥       ◣█
  ◢        ▼▼/▊▋     ▊▊▎▋ ▋▎▎ ﹨   ▕▊▏▏▋▋  ▊▊ ╲╲  ◢██▎▎◥◥◥      ╲◣
◢◢◢       ◤▋▋▍▍  ◤◤▏ ▉▉  ▉▎ ▉▉   ╲  ▋▋▏▏▎▎▉▉ ▋▏▏   ████▎▎▉▏▆▄▂  ╲╲
◤▲▲     ◤ ◤◤▋▋  ▌▊▍▍▎▎   ▊▍▍▉◣◣    ▉▎▎▌ ▋▎ ▎   ◥◥◣◣▎▎◢◢▎chat  ▅▅▂▂
_▆▆▄▂▂▃▂▂▼▼▍ ▌  ▏▉▏▎     ▍◣▎▼▼  ▋▉▎ ▊▊▊▊ ▌▉﹨▆▆▅▅▆▍  ▂     █
█◣◤ █▋▲▲▊▊ ▍ ▎ \ ▉▏     ◣◣ ▲▲▏◣ ▍▋   ▉ ▊▋▊  v▊▲▲▊▉▏ ◣_▃▄
▼▼◤◤██◤◤◆◆  ▍▎     ﹨▏▏          ◥◣ ◥  ▏      ▊▎▏▏  ▋︳▋  ▎  ▆▆▇▇◤
 ▼▼▲▲█◢◢▎◣◣ ▋▍▎▎   ◥◥ˍ▂▃▂ˍ╱╱    ◥ ▊ˍ▁▂◢◢▎▍▋   ∥∥ ▍▉▏  ◢◢◤█
██ ▕▍▍▲▲ ◣▉▋▋▏  ▉▲▲〞  ▇◥▼▼       ◥ ◤◤ ▇◥◣▋▎▎▼▼/  ▏▼▼▎  ▋  █
███◥◥▎ ▏ ◣ ▎▎   ∕▌        ◥◥    ▲▲          〝▲▲▎▋◤∕◤▼▼▆▆▏▏ ▼▼   █
▎█▉▍▏▏ ▎╲ ◣◣▏▏  /▊▏             ◥◥              ▍◤◤  /▲▲◢◢▉▊▊▏   ▉▼▼
▍█▼▼ ▋▏▍▍  ╲ ◥ ｜  ▍          ˍ▁ˍ﹍﹍         ▼▼▍   ▲▲ ◢.▊ ▍    ▊﹨
▌ ◤╱▋▏▌    ˙◥◥▲▲ ▋▋█      ▄▄◤    ◥▲▲         ◤◤   ▲▲◢╱ ▋ ▌◥  ▋﹨
 ▼▼∕∕  ▲▲  ▍     ▲◥◥▲▲▊▂▂     ▉▎                 ◤◤/ ◤◤▃▃     ▋ ▊╲╲▼▼▆▆▅
▼▼∕ ▼▼◤  ▏▏   ▕▊  ▎▎◥▆▆▃▃              ▍     ▂▂▆▆▲▲◤▲▲      ▊ ◥◥  \▼▼ █
 ∕∕ ◢ ◢▼▼      ▉    ▍  ◥▆▆▃▃  ◣     ▼▼     ▂▂▅▅◤◤◤◤▏  ◣     ▍▲▲◣ ﹨﹨ █
▲▲◢    ◢      ◤◤   ▼▼▎     ◥▅▅▂▂▆▆▃▄▇▇▂▂▄▆▆◤    ▋▍◥◣     ◣◣   ◣▅▅▂▂
▆▆  ˍ◢         ▂▂▅◤▼▼   ▂▂▃▃ ◥▇▇▅▃▄▆▆◤ ▁▁▂▂     ◥▼▼  ◥◥      ◣   ▇▇▅
▆▇▁▁▂▄▆▇▇▇▆▄︷﹏◣ ▋▉     ◥  ◤       ∩▏     ▲▲◣▂▄▃▂▁▆▆▄▃▂
▇▎▎▎             ▍  ◥◥▼▼●●▊   ▂▂▁▁▼╱◣    ▍▊   ﹊￣◣           ▇▅▅▄▃
▏▌▍▍              】】  ◆◆▲▲ ▋▃▃▆▆ ◣  ◢◤╲╲  ▎  ◣▲▲    ◆◆            ▎  █
▎▎▊▌▌            ▊     ▲▲◣◣◢◢  ▏◣▇▇▆▆◆◆   ╲▏          ◢◢              ▏▏█
▍▍  ▊▊            ●●▏         ▼▼▍ ◣◣▲▂▎   ▎         ▼▼ ▏         ▊▉▍█

不過在 FireFox 使用字體 6 的話會有底線跑出來

字體6:
   ▂▂▅▇     ∕▋▍     ▌▋ ▊▊ ▊  ﹨       ▊▊ ▍▍  ▉        ▃▂◥       ◣█
  ◢        ▼▼/▊▋     ▊▊▎▋ ▋▎▎ ﹨   ▕▊▏▏▋▋  ▊▊ ╲╲  ◢██▎▎◥◥◥      ╲◣
◢◢◢       ◤▋▋▍▍  ◤◤▏ ▉▉  ▉▎ ▉▉   ╲  ▋▋▏▏▎▎▉▉ ▋▏▏   ████▎▎▉▏▆▄▂  ╲╲
◤▲▲     ◤ ◤◤▋▋  ▌▊▍▍▎▎   ▊▍▍▉◣◣    ▉▎▎▌ ▋▎ ▎   ◥◥◣◣▎▎◢◢▎chat  ▅▅▂▂
_▆▆▄▂▂▃▂▂▼▼▍ ▌  ▏▉▏▎     ▍◣▎▼▼  ▋▉▎ ▊▊▊▊ ▌▉﹨▆▆▅▅▆▍  ▂     █
█◣◤ █▋▲▲▊▊ ▍ ▎ \ ▉▏     ◣◣ ▲▲▏◣ ▍▋   ▉ ▊▋▊  v▊▲▲▊▉▏ ◣_▃▄
▼▼◤◤██◤◤◆◆  ▍▎     ﹨▏▏          ◥◣ ◥  ▏      ▊▎▏▏  ▋︳▋  ▎  ▆▆▇▇◤
 ▼▼▲▲█◢◢▎◣◣ ▋▍▎▎   ◥◥ˍ▂▃▂ˍ╱╱    ◥ ▊ˍ▁▂◢◢▎▍▋   ∥∥ ▍▉▏  ◢◢◤█
██ ▕▍▍▲▲ ◣▉▋▋▏  ▉▲▲〞  ▇◥▼▼       ◥ ◤◤ ▇◥◣▋▎▎▼▼/  ▏▼▼▎  ▋  █
███◥◥▎ ▏ ◣ ▎▎   ∕▌        ◥◥    ▲▲          〝▲▲▎▋◤∕◤▼▼▆▆▏▏ ▼▼   █
▎█▉▍▏▏ ▎╲ ◣◣▏▏  /▊▏             ◥◥              ▍◤◤  /▲▲◢◢▉▊▊▏   ▉▼▼
▍█▼▼ ▋▏▍▍  ╲ ◥ ｜  ▍          ˍ▁ˍ﹍﹍         ▼▼▍   ▲▲ ◢.▊ ▍    ▊﹨
▌ ◤╱▋▏▌    ˙◥◥▲▲ ▋▋█      ▄▄◤    ◥▲▲         ◤◤   ▲▲◢╱ ▋ ▌◥  ▋﹨
 ▼▼∕∕  ▲▲  ▍     ▲◥◥▲▲▊▂▂     ▉▎                 ◤◤/ ◤◤▃▃     ▋ ▊╲╲▼▼▆▆▅
▼▼∕ ▼▼◤  ▏▏   ▕▊  ▎▎◥▆▆▃▃              ▍     ▂▂▆▆▲▲◤▲▲      ▊ ◥◥  \▼▼ █
 ∕∕ ◢ ◢▼▼      ▉    ▍  ◥▆▆▃▃  ◣     ▼▼     ▂▂▅▅◤◤◤◤▏  ◣     ▍▲▲◣ ﹨﹨ █
▲▲◢    ◢      ◤◤   ▼▼▎     ◥▅▅▂▂▆▆▃▄▇▇▂▂▄▆▆◤    ▋▍◥◣     ◣◣   ◣▅▅▂▂
▆▆  ˍ◢         ▂▂▅◤▼▼   ▂▂▃▃ ◥▇▇▅▃▄▆▆◤ ▁▁▂▂     ◥▼▼  ◥◥      ◣   ▇▇▅
▆▇▁▁▂▄▆▇▇▇▆▄︷﹏◣ ▋▉     ◥  ◤       ∩▏     ▲▲◣▂▄▃▂▁▆▆▄▃▂
▇▎▎▎             ▍  ◥◥▼▼●●▊   ▂▂▁▁▼╱◣    ▍▊   ﹊￣◣           ▇▅▅▄▃
▏▌▍▍              】】  ◆◆▲▲ ▋▃▃▆▆ ◣  ◢◤╲╲  ▎  ◣▲▲    ◆◆            ▎  █
▎▎▊▌▌            ▊     ▲▲◣◣◢◢  ▏◣▇▇▆▆◆◆   ╲▏          ◢◢              ▏▏█
▍▍  ▊▊            ●●▏         ▼▼▍ ◣◣▲▂▎   ▎         ▼▼ ▏         ▊▉▍█

在 Google Chrome 字體使用6或10時，字體寬度會異常 (小於某個值就瘦不下去了)

用 PCMAN瀏覽器的話 字體小於20就會有問題

--
※ 來源: DISP BBS (http://disp.twbbs.org)
※ 作者: Knuckles  來自: 118.168.102.236  時間: 2010-03-09 20:43:14
※ 編輯: Knuckles  來自: 118.168.102.236  時間: 2010-03-09 20:49:37