Kod keleyi.htm adalah seperti berikut: Salin kodKod adalah seperti berikut: html putar kanvas< "text/javascript" src ="/jquery-1.10.2.min.js">< /script><br> </head><br><body><br><canvas id="jb51"></canvas><br></body><br></ html><br> </div> <p>Kod jb51.js adalah seperti berikut: <br><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode53'));"><u>Salin kod</u></span></div>Kod adalah seperti berikut:</div> <div class="msgborder" id="phpcode53"> <br>/*<br>* Fungsi: putaran kanvas<br>*/<br>(function(){<br> var canvas=null,<br> context=null,<br> sudut =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> cuba{<br> //Kosongkan kanvas<br> context.clearRect (0, 0, kanvas. lebar, kanvas.tinggi);<br> //Tetapkan asal<br> context.translate(canvas.width * 0.5, canvas.height * 0.5);<br> //Putar sudut<br> context.rotate(angle) ;<br> //Tetapkan warna isian<br> context.fillStyle = "#FF0000";<br> //Lukis segi empat tepat<br> context.fillRect(-30, -30, 60 , 60);<br> sudut = 0.05 * Math.PI;<br> }<br> akhirnya{<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>