Попробуйте. На ваш компьютер загрузится 10 картинок, килобайт по 10. Проверял в браузерах на базе хром.
<html>
<head>
</head>
<body id='экран' style=' width:100%; height:100%;' onload='var и=document.all; и.v.style.top=((и.экран.clientHeight/2)-200)+"px"; и.v.style.left=((и.экран.clientWidth/2)-200)+"px"; var a=0;
setInterval(function() { a+=0.01;
if (a>0.1){return false;}
и.v.width= и.v.width;
ctx=и.v.getContext("2d");
ctx.translate(200, 200);
ctx.rotate(a);
ctx.fillStyle = "rgb(255,0,0)";
ctx.fillRect(-50, -50, 100, 100);
ctx.rotate(-a*3);
ctx.fillStyle = "rgb(0,255,0)";
ctx.fillRect(-25, -25, 50, 50);
ctx.translate(100, 100);
ctx.rotate(a*4);
ctx.fillStyle = "rgb(0,0,255)";
ctx.fillRect(-10, -10, 40, 40);
var image = и.v.toDataURL("image/png").replace("image/png", "image/octet-stream");
window.location.href=image;
}, 200);'>
<canvas id="v" width='400px' height='400px' style=' position:absolute;' ></canvas>
</body>
</html>
Нет это работает только локально отсюда загрузки у меня не пошли