pageflow.linkmapPage.RemoteImage = function(url, image) {
  this.width = function() {
    return image.width;
  };

  this.height = function() {
    return image.height;
  };

  this.draw = function(canvas, options) {
    options = options || {};
    var context = canvas.getContext('2d');

    if (options.disableImageSmoothing) {
      context.imageSmoothingEnabled = false;
    }

    context.drawImage(image,
                      0,
                      0,
                      canvas.width,
                      canvas.height);
  };
};

pageflow.linkmapPage.RemoteImage.load = function(url) {
  return new $.Deferred(function(deferred) {
    var image = new Image();

    image.onload = onLoad;
    image.crossOrigin = 'Anonymous';
    image.src = url;

    function onLoad() {
      deferred.resolve(new pageflow.linkmapPage.RemoteImage(url, image));
    }
  }).promise();
};