Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5857 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120057 Rotation d'images | | Coucou Voici un code pour faire une rotation sur image. Voir l"exemple ici - Code:
-
<script type="text/javascript"> //<![CDATA[ var cv,ctx,tmr,ima=new Image(),W=400,H=400; // dimensions de l'image var k,n=240,a=Math.PI/n; // n: nombre de pas pour faire un demi-tour var ap="Cliquez pour voir 'après'",av="Cliquez pour voir 'avant'"; function Drw() { ctx.rotate(a); ctx.drawImage(ima,-W/2,-H/2,W,H); if (++k>=n) {clearInterval(tmr); cv.title=((a=-a)>0)?ap:av;} } function Ini() { cv=document.getElementById('cv'); cv.width=W; cv.height=H; cv.title=ap; ctx=cv.getContext('2d'); ctx.translate(W/2,H/2); ima.onload=function() {ctx.drawImage(ima,-W/2,-H/2,W,H);} ima.src='img.jpg'; } function Clk() {k=1; tmr=setInterval('Drw()',20);} //]]> </script> |
| |