diff --git a/src/demo/scripts.js b/src/demo/scripts.js
index a5692ef..126069c 100644
--- a/src/demo/scripts.js
+++ b/src/demo/scripts.js
@@ -31,6 +31,7 @@ var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]',
 
 				fill: $("#fill").val(),
 				background: $("#background").val(),
+				// fill: $("#img-buffer")[0],
 
 				text: $("#text").val(),
 				size: parseInt($("#size").val(), 10),
diff --git a/src/jquery.qrcode.js b/src/jquery.qrcode.js
index 290cee9..798bcd1 100644
--- a/src/jquery.qrcode.js
+++ b/src/jquery.qrcode.js
@@ -273,6 +273,14 @@
 				}
 			}
 			if ($(settings.fill).is('img')) {
+				context.strokeStyle = 'rgba(0,0,0,0.5)';
+				context.lineWidth = 2;
+				context.stroke();
+				var prev = context.globalCompositeOperation;
+				context.globalCompositeOperation = "destination-out";
+				context.fill();
+				context.globalCompositeOperation = prev;
+
 				context.clip();
 				context.drawImage(settings.fill, 0, 0, settings.size, settings.size);
 				context.restore();