Cross origin colorTheif

gistfile1.txt

  // Get image colors (cross origin fun).
  $(window).load(function() {
    var canvas = document.createElement('canvas'),
        ctx = canvas.getContext("2d");
        bgColor,
       $image;
    canvas.width = 50;
    canvas.height= 50;

    $('#card-deck .card img').each(function() {
      var $finalImage,
          image = new Image(),
          imgData;

      image.onload = function() {
        ctx.drawImage(image, 0, 0);
        imgData = ctx.getImageData(0, 0, canvas.width, canvas.height);
        ctx.putImageData(imgData, 0, 0);

        $finalImage = $('<img/>', {
          src: canvas.toDataURL(),
          width: 50,
          height: 50
        });

        bgColor = colorThief.getColor($finalImage[0]);

        $card.css('background-color', 'rgb(' + bgColor[0] + ',' + bgColor[1] + ',' + bgColor[2] + ')');
      }
      image.crossOrigin = "anonymous";
      image.src = $(this).src;

    });

  });