Question

我有基于图块的地图

$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像素图像。

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

我需要在每个第4个单元格后出现新图像，因为我的图像是40x40像素。但是

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

我希望你不理解我，我的英语非常糟糕 Omerimuni

Answer 1

他试图通过将40px图像覆盖到4x 10px表格单元格上来拼贴HTML表格。

这真的不是你想要做的事情的最佳方式，因为它会创造。造成这种情况的主要原因是HTML不喜欢将图像叠加在表格上，并且元素不能正确分层。

尝试使用HTML5 canvas查找tilemaping。你根本不需要HTML表格，最终它会让你的生活更加艰难。

Answer 2

或者使用图像<map>和1张大图像，如果它永远不会改变。

PHP游戏瓷砖地图图像

2 个答案: