короче оставаясь в полном не понимании графики, то ли за лени, то ли уже за тупости)) продолжил экспериментировать с вашим кодом и добился нужного мне результата, но вот другая проблема, оно мне рисует изображение, ну я как всегда застрял на тупой проблеме, они поверх рисуются, а мне надо одно, крутящиесе..) от короче
<html><head><title>Canvas :: Sample #1</title><script>
var
cnv, ctx, image = new Image();
function Init() {
cnv = document.getElementById('clock');
ctx = cnv.getContext("2d");
image.src = 'http://upload.wikimedia.org/wikipedia/commons/8/8e/%241Sp.png';
Animate();
ctx.translate(cnv.width / 3 , cnv.height / 3);
}
function Animate() {
ctx.rotate(1/6);
ctx.drawImage(image, -cnv.width / 5 , -cnv.height / 7);
setTimeout("Animate()", 100);
}
</script></head>
<body onload='Init()'>
<canvas width="320" height="240" id="clock"></canvas>
</body>
</html>