想用canvas实现图片和背景色的同时填充

有这样一个需求，需要实现一个区域填充对应的图片，还可以设置不同的图片背景色。

现在我的思路是：使用一个canvas填充不同的图片，但是背景色这个好像不能同时和图片填充，不知道有没有大佬有思路的可以解答一下？（其实就是类型实现同时填充颜色和画布）

不太明白，你直接图片写在div里，div设置背景不就好了

//假设需要向body添加10个div

for(var i=0;i<10;i++){
    var img = $("<img class='imgclass' />");
    img.src = "你图片地址";
    var div = $("<div class='divclass'></div>");
    div.append(img);
    div.css("backgroundColor","red");
    $("body").append(div);
}