画布，在ctx.drawImage上叠加图像颜色

Question

我想在ctx.drawImage上叠加img颜色。 ctx.fillStyle =“#FFFFFF”，不适用于图像写入。

你知道怎么做吗？

我写的不是带有alpha通道的常规形状图像来创建美国地图。 而且我想为不同的科洛尔上的每个州着色。

我正在循环中将图像写入画布：

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

for (var i = 1; i <= pvp.statesCount; i++) {
    var prefix = (i < 10) ? '0' : ''; 
    pvp.states[i] = './assets/Map/state_'+prefix+i+'.png';

    var img=document.getElementById(pvp.states[i]);
    ctx.fillStyle="#FFFFFF";
    ctx.drawImage(img,0,0, canvas.width, canvas.height);
};