Le code de keleyi.htm est le suivant : Copiez le codeLe code est le suivant : html faire pivoter le canevas< /script><br> </head><br><body><br><canvas id="jb51"></canvas><br></body><br></ html><br> </div> <p>Le code de jb51.js est le suivant : <br><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode53'));"><u>Copiez le code</u></span></div>Le code est le suivant :</div> <div class="msgborder" id="phpcode53"> <br>/*<br>* Fonction : rotation du canevas<br>*/<br>(function(){<br> var canvas=null,<br> context=null,<br> angle =0;<br> function resetCanvas(){<br> canvas=document.getElementById("jb51");<br> canvas.width=window.innerWidth;<br> canvas.height=window.innerHeight;<br> context=canvas.getContext(" 2d");<br> }<br> function animate(){<br> context.save();<br> try{<br> //Effacer le canevas<br> context.clearRect (0, 0, canvas. width, canvas.height);<br> //Définir l'origine<br> context.translate(canvas.width * 0.5, canvas.height * 0.5);<br> //Rotation de l'angle<br> context.rotate(angle) ;<br> //Définir la couleur de remplissage<br> context.fillStyle = "#FF0000";<br> //Dessiner un rectangle<br> context.fillRect(-30, -30, 60 , 60);<br> angle = 0,05 * Math.PI;<br> }<br> enfin{<br> context.restore();<br> }<br> }<br> $(window).bind ("resize",resetCanvas). bind("reorient",resetCanvas);<br> $(document).ready(function(){<br> window.scrollTo(0,1);<br> resetCanvas(); <br> setInterval(animate,40 );<br> });<br>})();<br> </div>