• Créer un canvas assez grand (masqué)
  
• Dessiner dedans le terrain
  
• Dessiner un morceau de ce canvas "géant" dans le vrai canvas, celui qui est visible

function draw1(n)

{

	var canvas = document.getElementById('test-1');

	var img = document.getElementById('image');

	var w = canvas.width, h = canvas.height;

	var u = img.width, v = img.height;

	canvas.setAttribute('style', 'width:'+w+'px;height:'+h+'px;border:1px solid black;');

	var ctx = canvas.getContext('2d');

				

	var start = (new Date()).getTime();

	var k = 7, f = 0.9, Jmax=100;

	for (var j=0;j<Jmax;j++)

	{

		for (var i=0;i<n;i++)

		{

			ctx.drawImage(img, (i%k-1)*u*f, Math.floor(i/k-1)*v*f);

			ctx.drawImage(img, (i%k-0.5)*u*f, (Math.floor(i/k)-0.5)*v*f);

		}

	}

	var T = ( (new Date()).getTime() - start );

	document.getElementById('test-1-result').textContent = Math.floor(1000*Jmax/T) + ' Hz (' + Math.round(T/Jmax*1000) + ' µs)';

	

	var start = (new Date()).getTime(); // Cette fois on remet bien à zéro !

	var ctx2 = (document.getElementById('test-2')).getContext('2d');

	for (var j=0;j<Jmax;j++)

		ctx2.drawImage(canvas,0,0);

	var T = ( (new Date()).getTime() - start );

	document.getElementById('test-2-result').textContent = Math.floor(1000*Jmax/T) + ' Hz (' + Math.round(T/Jmax*1000) + ' µs)';

}

Citation : Créer un canvas assez grand (masqué)
Dessiner dedans le terrain
Dessiner un morceau de ce canvas "géant" dans le vrai canvas, celui qui est visible

?