Como resolver o erro The operation is insecure

Front-end
#1

Olá galera,
Estou começando a mexer com sprites em javascript mas aí eu me deparei com um erro.
Estava seguindo um tutorial, fiz tudo o que o cara disse mas deu o erro The operation is insecure.


<script>
			
			var cv = document.getElementById("canvas"); 
			var context = cv.getContext("2d");
			
			function init (sprites) {
				
				var i = 0;
				
				setInterval(function(){
					
					draw(sprites[i]);
					i < sprites.length -1 ? i++ : i=0;
				}, 140)
				
			  
			};
			
			function draw (spr) {
				
				context.putImageData(spr, 0, 0);
			  
			};
			
			function cropSprites (path, totalCol, totalLin) {
				
				var img = new Image();
				img.src = path;
				
				img.onload = function () {
				  var arraySprites = [];
				  var auxCv = document.createElement("canvas");
				  var auxContext = auxCv.getContext("2d");
				  
				  w = 450;//this.width/totalCol;
				  h = 92;//this. height/totalLin;
				  
				  console.log( "width de cada sprite: " + w );
       			  console.log( "height de cada sprite: " + h );
       			  
       			  for(var i=0; i <totalLin; i++){
       			  	for(var j=0; j < totalCol; j++){
       			  		auxContext.clearRect(0,0, auxCv.width, auxCv.height);
       			  		auxContext.drawImage(this, w*j, w*i, w, h, 0, 0, w, h);
       			  		arraySprites.push( auxContext.getImageData(0, 0, w, h));
       			  }
				}
				init(arraySprites);
			}
				
			   
			};
			
			//cropSprites("explicando-spritesheet.png", 5, 1)
			cropSprites("http://hiper-texto.com/wp-content/uploads/2013/04/explicando-spritesheet.png", 5, 1)
			
		</script>

O scprit é esse, mas na linha 45, segundo o Firebug, da esse erro de insegurança.
Esse código é simples, faz com que uma imagem do Ryu fique como se fosse um gif.
Sou inciante e estou começando do básico =/
Espero ter sido claro e tomara que alguém possa me ajudar.
Agradeço desde já.

#2