テキストや画像をアスキーアートにするJavaScript「MooAsciiArt 」

久しぶりにmootoolsからの紹介です。
MooTools ASCII Artは、その名の通り、テキストや画像をアスキーアート化します。
テキストや画像をアスキーアートにするJavaScript「MooAsciiArt 」サンプル

使用方法
MooTools Forge | MooAsciiArtからファイル一式をダウンロードします。
<script src="mootools1.3.js" type="text/javascript"></script>
<script src="MooAsciiArt.js" type="text/javascript"></script>
<script>
document.addEvent('domready', function(){
//画像の場合
document.id('id名').toAsciiArt(true);
//テキストの場合
MooAsciiArt.convertTags({要素:'フォント名'});
//例
//MooAsciiArt.convertTags({h1:'Doom'});
});
</script>

例で指定したフォントDoomはダウンロードしたファイルの「fonts」内にあります。
ディレクトリごとhtmlと同階層にアップしてください。
あとは、テキストや画像を書けば完成です。
<h1>truth</h1>
<img id="id名" src="画像パス">

テキストや画像をアスキーアートにするJavaScript「MooAsciiArt 」サンプル

sponsors

「テキストや画像をアスキーアートにするJavaScript「MooAsciiArt 」」をシェアする

記事作成:
記事URL:

TOP > > > テキストや画像をアスキーアートにするJavaScript「MooAsciiArt 」