From 620ffdbcd2a6e3fe8be015c2ac4e00852dee7622 Mon Sep 17 00:00:00 2001
From: Danny Yoo <dyoo@cs.wpi.edu>
Date: Fri, 19 Aug 2011 16:32:55 -0400
Subject: [PATCH] incorporating the animated gif hack

---
 image/private/kernel.js | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/image/private/kernel.js b/image/private/kernel.js
index 1ffb2cd..c259c33 100644
--- a/image/private/kernel.js
+++ b/image/private/kernel.js
@@ -275,6 +275,10 @@ var FileImage = function(src, rawImage) {
     var self = this;
     this.src = src;
     this.isLoaded = false;
+
+    // animationHack: see installHackToSupportAnimatedGifs() for details.
+    this.animationHackImg = undefined;
+
     if (rawImage && rawImage.complete) { 
 	this.img = rawImage;
 	this.isLoaded = true;
@@ -321,7 +325,19 @@ FileImage.installBrokenImage = function(path) {
 
 
 FileImage.prototype.render = function(ctx, x, y) {
-    ctx.drawImage(this.img, x, y);
+    this.installHackToSupportAnimatedGifs();
+    ctx.drawImage(this.animationHackImg, x, y);
+};
+
+
+// The following is a hack that we use to allow animated gifs to show
+// as animating on the canvas.
+FileImage.prototype.installHackToSupportAnimatedGifs = function() {
+    if (this.animationHackImg) { return; }
+    this.animationHackImg = this.img.cloneNode(true);
+    document.body.appendChild(this.animationHackImg);
+    this.animationHackImg.width = 0;
+    this.animationHackImg.height = 0;
 };