php - 使用php创建基于时间戳的渐变图

Question

我正在尝试基于二维矩阵创建有用的图形。

用户将点击矩阵的交叉点，填写一些信息并点击提交。发生这种情况时，我会记录事件的时间戳。

我希望管理员能够以图形方式解释此信息，所以我想做的是根据单击时为矩阵的每个正方形分配 CSS 背景颜色。例如，浅蓝色表示最先点击的项目，深蓝色表示最近点击的项目。

我一直在绞尽脑汁，但对于我的一生，我想不出办法来做到这一点。问题是点击可能随时以任何顺序发生。

谁能指出我正确的方向？

以上是我试图达到的目标，数字象征着时间戳（1 是最早的时间戳，14 是最新的）

Answer 1

CSS3 hsl 让这变得超级简单：
http ://www.w3.org/TR/css3-color/#hsl-examples

Answer 2

奥基多克，

我选择处理这个问题的方法是首先生成一个渐变十六进制值列表，我从这里生成了我的渐变：

http://www.herethere.net/~samson/php/color_gradient/?cbegin=B5E1FF&cend=00092E&steps=6

然后我使用此处开发的 subval 排序函数按时间戳对数组进行排序

http://www.firsttube.com/read/sorting-a-multi-dimensional-array-with-php/

然后我根据位置分配十六进制值...

这里有一个简单的表示 =>

<?php
$test = array(
            array("test", 1),
            array("test2", 2),
            array("test4", 4),
            array("test5", 5),
            array("test3", 3),
            array("test6", 6)
            );


function subval_sort($a,$subkey) {
foreach($a as $k=>$v) {
    $b[$k] = strtolower($v[$subkey]);
}
asort($b);
foreach($b as $key=>$val) {
    $c[] = $a[$key];
}
return $c;
}

$test2 = subval_sort($test,'1'); 

foreach($test2 as &$t) {
if($t[1]==1){
    array_push($t, "B5E1FF");
    }
elseif($t[1]==2){$t[2]="96BDDC";}
elseif($t[1]==3){$t[2]="7899B9";}
elseif($t[1]==4){$t[2]="5A7596";}
elseif($t[1]==5){$t[2]="3C5173";}
elseif($t[1]==6){$t[2]="1E2C50";}
}

echo "<pre>";
print_r($test2);
echo"</pre>"; 

?>

任何人都可以看到这有什么可怕的错误吗？