Question

我试图建立一个可以在canvas上绘制的网站并将其转换为GIF 到目前为止，我成功了，但我的颜色有问题我解释一下我的网站是如何工作的：

1）用户在画布上绘制并在数组中的对象中进行绘制，如下所示：

[{x: 1, y:1, radius: 8, color: "blue"}, {x: 2, y:3, radius: 16, color: "red"} ...]

Canvas上鼠标的每次移动都是数组中的Object

现在我将它作为json发送到php页面，现在在php页面中我有预定义颜色数组，如下所示：

$colors = array(
    'brown' => array(
        165,
        42,
        42
    ),
    'cadetblue' => array(
        95,
        158,
        160
    ),
    'chartreuse' => array(
        127,
        255,
        0
    ),
    'chocolate' => array(
        210,
        105,
        30
    ),
    'coral' => array(
        255,
        127,
        80
    ),
    'crimson' => array(
        220,
        20,
        60
    )
);

到目前为止一直很好，现在当我在图像上绘制时，我循环从客户端发送到m的数组中的每个Object，我采用颜色并使用php函数创建一个并绘制填充的椭圆，代码：

for ($i = 0; $i <= $j; $i++) {
    $colorName = $model[$i]->color;
    $color = imagecolorallocate($img, $colors[$colorName][0] ,$colors[$colorName][1] , $colors[$colorName][2]);
    imagefilledellipse($img, $model[$i]->x, $model[$i]->y, $model[$i]->radius * 2, $model[$i]->radius * 2, $color);
    }

现在它开始了，但突然在绘图中间它回到我在网站上绘制的第一种颜色
我不知道为什么会这样，我看看我发送到服务器的数据，这个颜色剂量在它回到它的位置上。

图示说明：

我在网站上绘制的内容：

What I draw