在 PHP 中生成 8x8 网格

发布于 2024-11-19 21:21:17 字数 1143 浏览 2 评论 0 原文

解释

通过 PHP,我生成了一个 8x8 的 div 网格。问题不在于发生这种情况(尽管我的方法可能需要更改),而在于块的 x 和 y 坐标(存储为 id)。

代码

class Grid
{
    function __construct()
    {
        $i = 0;
        $w = 'white';
        $b = 'black';
        for($y=1; $y<=8; $y++)
        {
            for($x=1; $x<=8; $x++)
            {
                if($i % 2)
                    echo "<div class='$w' id='{$x}{$y}'></div>";
                else
                    echo "<div class='$b' id='{$x}{$y}'></div>";    
                $i++;

            }
            echo "<br clear='all' /> \n";
            $i++; //offset color for next row   
        }            
    }
}

问题

虽然这个类完成了显示网格的工作,但问题是坐标不是我所需要的。由于 HTML 的呈现方式,坐标以以下方式输出(将每个括号想象为 div 在屏幕上的位置):

note: [x coord, y coord]

[1,1] [2,1] [3,1] 
[1,2] [2,2] [3,2] 
[1,3] [2,3] [3,3]

我实际上需要它的“反向”,以便它从左下角开始,并且坐标类似于典型的网格,即:

[1,3] [2,3] [3,3] 
[1,2] [2,2] [3,2] 
[1,1] [2,1] [3,1]

我确信有很多方法可以实现这一点,所以答案将是最优雅的解决方案,而不是最快的解决方案。谢谢!

Explination

Through PHP I am generating an 8x8 grid of div's. The problem is not getting this to happen (Although my methods may need to change), but rather the x and y coordinates of the blocks (stored as the id).

The Code

class Grid
{
    function __construct()
    {
        $i = 0;
        $w = 'white';
        $b = 'black';
        for($y=1; $y<=8; $y++)
        {
            for($x=1; $x<=8; $x++)
            {
                if($i % 2)
                    echo "<div class='$w' id='{$x}{$y}'></div>";
                else
                    echo "<div class='$b' id='{$x}{$y}'></div>";    
                $i++;

            }
            echo "<br clear='all' /> \n";
            $i++; //offset color for next row   
        }            
    }
}

Problem

While this class does it's job of displaying the grid, the problem is the coordinates are not how I need them. The coordinates output in the following fashion because of how the HTML is rendered (imagine each bracket as the div's position on the screen):

note: [x coord, y coord]

[1,1] [2,1] [3,1] 
[1,2] [2,2] [3,2] 
[1,3] [2,3] [3,3]

I actually need the 'reverse' of this, so that it starts at the bottom left, and the coordinates resemble that of a typical grid, ie:

[1,3] [2,3] [3,3] 
[1,2] [2,2] [3,2] 
[1,1] [2,1] [3,1]

I am sure there many ways to pull this off, so the answer will go to the most elegant solution, not the fastest. Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

愿得七秒忆 2024-11-26 21:21:17

我认为这就像更改为一样简单:

 for($y=8; $y>=1; $y--)

I think this is as simple as changing to:

 for($y=8; $y>=1; $y--)
旧伤还要旧人安 2024-11-26 21:21:17
class Grid
{
    function __construct()
    {
        $i = 0;
        $w = 'white';
        $b = 'black';
        for($y=8; $y>0; $y--)
        {
            for($x=1; $x<=8; $x++)
            {
                if($i % 2)
                    echo "<div class='$w' id='{$x}{$y}'></div>";
                else
                    echo "<div class='$b' id='{$x}{$y}'></div>";    
                $i++;

            }
            echo "<br clear='all' /> \n";
            $i++; //offset color for next row   
        }            
    }
}

你就完成了

class Grid
{
    function __construct()
    {
        $i = 0;
        $w = 'white';
        $b = 'black';
        for($y=8; $y>0; $y--)
        {
            for($x=1; $x<=8; $x++)
            {
                if($i % 2)
                    echo "<div class='$w' id='{$x}{$y}'></div>";
                else
                    echo "<div class='$b' id='{$x}{$y}'></div>";    
                $i++;

            }
            echo "<br clear='all' /> \n";
            $i++; //offset color for next row   
        }            
    }
}

and you're done

征﹌骨岁月お 2024-11-26 21:21:17

正在寻找一些有关 PHP 中网格构建的代码,使用了您的
代码并更改了它...

类网格{
函数 __construct()
{
$i = 0;
$w = '白色';
$b = '黑色';
$y = 1; //网格尺寸Y
$y_max = 10;
$x_max = 10;

 while($y <= $y_max){
        $x = 1; //网格大小X 
        while($x <= $x_max){
            $color = ($i % 2 ? $w : $b);

            echo "
$x , $y
"; $i++; $x++; } echo "\n"; $i++; //下一行的偏移颜色 $y++; } }

}

格式错误,我稍后会修复格式。

Was looking for some code regarding grid building in PHP, used your
code and changed it up...

class Grid {
function __construct()
{
$i = 0;
$w = 'white';
$b = 'black';
$y = 1; //grid size Y
$y_max = 10;
$x_max = 10;

    while($y <= $y_max){
        $x      = 1; //grid size X 
        while($x <= $x_max){
            $color = ($i % 2 ? $w : $b);

            echo "<div class='".$color."' id='{$x}{$y}'> $x , $y </div>";

            $i++;
            $x++;
        }
        echo "<br clear='all' /> \n";
        $i++; //offset color for next row   
        $y++;
    }            
  } 

}

Sorry for the formatting, I will fix the formatting later.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文