JavaScriptで画像生成。

JavaScript Image Creation
画像ファイルをアップロードすると、それを下のようなHTMLとして吐き出す。かいつまんで言えばRLE方式でcolspanにより列を連結したtdを出力してtableを生成している。それぞれの行はheight=1。

<tr height=1 width=288>
<td width=24 height=1 colspan=24 bgcolor=#1E2834></td>
<td width=19 height=1 colspan=19 bgcolor=#303B4F></td>
<td width=3 height=1 colspan=3 bgcolor=#43545E></td>
<td width=58 height=1 colspan=58 bgcolor=#2F404A></td>
<td width=8 height=1 colspan=8 bgcolor=#414550></td>
<td width=2 height=1 colspan=2 bgcolor=#51504B></td>
</tr>

このとき出力にはJavaScriptが使われていて、そこで働くGCanvasという独自オブジェクトのサンプルになっている。えーと、画像ファイルの使用はトラフィックの増加につながるので使用を避けること、とか言われたらこれで。