change_color.js

//Se carga la imagen en el canvas copia...
ctxCopy.clearRect(0, 0, 100, 100);
ctxCopy.drawImage(figures[dataPipe[2] - 1].i, 0, 0, width, width);

//Se aplica el color si es necesario...
if (dataPipe[4] !== "") {
  ctxCopy.globalCompositeOperation = "source-atop";
  //Color a aplicar...
  ctxCopy.fillStyle = dataPipe[4];
  ctxCopy.fillRect(0, 0, width, width);
}

//Se carga la imagen después de la transformación
ctx.drawImage(canvasCopy, 0, 0);

//Se reestablece la propiedad por defecto...
ctxCopy.globalCompositeOperation = "source-over";