为html画布迭代具有x，y位置的对象数组，以获得像素rgb值。

<canvas id="myCanvas" width="500" height="500"></canvas>

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

var objects = [
    {x: 100, y: 100},
    {x: 200, y: 200},
    {x: 300, y: 300},
    // ... 更多对象
];

for (var i = 0; i < objects.length; i++) {
    var obj = objects[i];
    ctx.fillStyle = "rgb(255, 0, 0)"; // 设置绘图颜色为红色
    ctx.fillRect(obj.x, obj.y, 10, 10); // 在指定位置绘制一个10x10的矩形
}

var imageData = ctx.getImageData(x, y, 1, 1); // 获取指定位置的像素数据
var pixelData = imageData.data; // 获取像素数据数组
var red = pixelData[0]; // 红色通道值
var green = pixelData[1]; // 绿色通道值
var blue = pixelData[2]; // 蓝色通道值