Comparing two html using canvas

by Gustavo Carvalho

HTML

<script src="http://html2canvas.hertzen.com/build/html2canvas.js"></script>

JavaScript

function createImage(html) {
	var dfd = new $.Deferred();
	var el = document.createElement("div");
		el.innerHTML = html;
		el.style.display = 'inline-block';
		document.body.appendChild(el);
	html2canvas(el, {
	  onrendered: function(canvas) {
		  document.body.appendChild(canvas);
		  document.body.removeChild(el);
		  dfd.resolve(canvas.toDataURL());
	  }
	});
	return dfd;
}
$.when(
	createImage("<span style='font-size:34px'><i><b>Hello</b></i></span>"), 
	createImage("<span style='font-size:34px'><i><b>Hello</b></i></span>")
).done(function(a1, a2){
   if (a1 === a2) {
	  alert("Match"); 
   }
});