From 20974fea550838cd4d8b447e351d2eec4228675c Mon Sep 17 00:00:00 2001
From: Andreas Hocevar <andreas.hocevar@gmail.com>
Date: Mon, 19 Jun 2017 10:13:03 +0200
Subject: [PATCH] Use transparent image from canvas context

---
 src/ol/imagetile.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/ol/imagetile.js b/src/ol/imagetile.js
index 424856e5fd..7a032bf8ce 100644
--- a/src/ol/imagetile.js
+++ b/src/ol/imagetile.js
@@ -3,6 +3,7 @@ goog.provide('ol.ImageTile');
 goog.require('ol');
 goog.require('ol.Tile');
 goog.require('ol.TileState');
+goog.require('ol.dom');
 goog.require('ol.events');
 goog.require('ol.events.EventType');
 
@@ -150,5 +151,9 @@ ol.ImageTile.prototype.unlistenImage_ = function() {
  * A blank image.
  * @type {Image}
  */
-ol.ImageTile.blankImage = new Image();
-ol.ImageTile.blankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
+ol.ImageTile.blankImage = (function() {
+  var ctx = ol.dom.createCanvasContext2D(1, 1);
+  ctx.fillStyle = 'rgba(0,0,0,0)';
+  ctx.fillRect(0, 0, 1, 1);
+  return ctx.canvas;
+})();