2009年7月28日火曜日

htmlのみによる縦ベクトル・行列の表示方法

以前は、縦ベクトル行列は全てgif画像で表示していた。

しかし、そろそろファイル容量も限界。

そこで、
縦ベクトル行列を、
<table>の枠線(style sheetを利用)を使って表示することにしてみたのだが、
firefoxでは良好な結果が得られたものの、
ieでは印象がいまいち、
さらに、safari,google chromeでは、そもそも<table>の枠線が表示されない、
という惨々な結果に終わった。

そこで、<table>の枠線を使うのはやめて、
<table>をつかって、( や ) を、うまく配置して、
縦ベクトル行列を再現してみることにしてみた。
firefox,ie,safari,chromeすべてで、良好な結果。


<table>記述のおおまかな構造は、下記のとおり。
(文字修飾は略)

<table>
  <tbody>
    <tr>
      <td colspan="1" rowspan="2(</td>
      <td>a11</td>
      <td>a12</td>
      <td colspan="1" rowspan="2">)</td>
    </tr>
    <tr>
      <td>a21</td>
      <td>a22</td>
    </tr>
  </tbody>
</table>

当面は、
実2次元数ベクトル空間実2次元数ベクトル空間上の一次変換の行列表示で、
試運転。