Le canevas pivote-t-il à partir de l'angle d'image du centre inférieur

Comment vous faites pivoter une image avec le canvas html5 élément à partir de la partie centrale inférieure de l'angle?

<html>
    <head>
        <title>test</title>
        <script type="text/javascript">
            function startup() {
                var canvas = document.getElementById('canvas');
                var ctx = canvas.getContext('2d');
                var img = new Image();
                img.src = 'player.gif';
                img.onload = function() {
                    ctx.translate(185, 185);
                    ctx.rotate(90 * Math.PI / 180);
                    ctx.drawImage(img, 0, 0, 64, 120);
                }
            }
        </script>
    </head>
    <body onload='startup();'>
        <canvas id="canvas" style="position: absolute; left: 300px; top: 300px;" width="800" height="800"></canvas>
    </body>
</html>

Malheureusement, cela semble le faire pivoter de gauche en haut de l'angle de l'image. Une idée?

Edit: en fin de compte l'objet (vaisseau spatial) a tourner comme une horloge pointeur, comme si c'est en tournant à droite/à gauche.

source d'informationauteur Tom | 2008-12-13