0

タイルベースのマップがあります

$map = '<table border="1">';
for($i = 0; $i < 4; $i++){
    $map .= '<tr>';
    for($i = 0; $i < 4; $i++){
        $map .='<td width="50" height="50"'.$bgcolor.' align="center" valign="center">
        <div id="move_'.$Tx.':'.$Ty.'">('.$Tx.','.$Ty.')</div>
        </td>'; 
    }
    $map .= '</tr>';
}
$map .= '</table>';

echo $map;

すべてのセルには異なる 10x10 ピクセルの画像があります。

 _ _ _ _
|_|_|_|_|
|_|_|_|_|
|_|_|_|_|
|_|_|_|_|

私の画像は40x40ピクセルであるため、4セルごとに新しい画像が表示される必要があります。しかし 

          1.image X|2. image X 
            _ _ _ _ _ _ _ _
           |_|_|_|_|_|_|_|_|
1.image Y  |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
2.image Y  |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|
           |_|_|_|_|_|_|_|_|

あなたが私を理解してくれることを願っています、私の英語はかなり下手です

4

2 に答える 2

2

彼は、40pxの画像を4x 10pxのテーブルセルにオーバーレイすることで、HTMLテーブルでタイルマップを作成しようとしています。

これは、作成しようとしていることを実行するための最良の方法ではありません。これの主な理由は、HTMLがテーブルの上に積み重ねられた画像を好まないことと、要素が正しくレイヤー化されないことです。

HTML5を使用してタイルマッピングを検索してみてくださいcanvas。HTMLテーブルはまったく必要ありません。最終的には、生活が困難になります。

于 2012-11-25T20:19:06.443 に答える
0

または、変更されない場合は、画像<map>と1つの大きな画像を使用します。

于 2012-11-25T21:32:15.777 に答える