From 271282e4d5dde4a8af547b4b1ab31b71e79b00c4 Mon Sep 17 00:00:00 2001
From: Pim Schreurs <pimschreurs@gmail.com>
Date: Sat, 20 Aug 2016 17:46:51 +0200
Subject: [PATCH] Fix IE-related bugs

---
 jquery.ripples.js | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/jquery.ripples.js b/jquery.ripples.js
index de2fded..4ee8ab1 100644
--- a/jquery.ripples.js
+++ b/jquery.ripples.js
@@ -35,6 +35,22 @@
 		return result;
 	}
 
+	function createEmptyData(width, height) {
+		try {
+			return new ImageData(width, height);
+		}
+		catch (e) {
+			// Fallback for IE
+			var canvas = document.createElement('canvas');
+			canvas.width = width;
+			canvas.height = height;
+
+			return canvas.getContext('2d').getImageData(0, 0, width, height);
+		}
+	}
+
+	var transparentPixels = createEmptyData(32, 32);
+
 	var supportsWebGL = hasWebGLSupport();
 
 	function createProgram(vertexSource, fragmentSource, uniformValues) {
@@ -582,10 +598,6 @@
 		},
 
 		initTexture: function() {
-
-			// Init transparent image data to fall back to when no texture can be loaded.
-			this.transparentPixels = new ImageData(32, 32);
-
 			this.backgroundTexture = gl.createTexture();
 			gl.bindTexture(gl.TEXTURE_2D, this.backgroundTexture);
 			gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, 1);
@@ -595,7 +607,7 @@
 
 		setTransparentTexture: function() {
 			gl.bindTexture(gl.TEXTURE_2D, this.backgroundTexture);
-			gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, this.transparentPixels);
+			gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGBA, gl.RGBA, gl.UNSIGNED_BYTE, transparentPixels);
 		},
 
 		hideCssBackground: function() {
@@ -677,7 +689,7 @@
 				.removeClass('jquery-ripples')
 				.removeData('ripples');
 
-			this.canvas.remove();
+			this.$canvas.remove();
 			this.restoreCssBackground();
 		},