keleyi.htm のコードは次のとおりです: コードをコピーしますコードは次のとおりです: html キャンバスを回転< /script><br> </head><br><body><br><canvas id="jb51"></canvas><br></body><br></ html><br> </div> <p>jb51.js のコードは次のとおりです: <br><br></p> <div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode53'));"><u>コードをコピーします</u></span></div>コードは次のとおりです:</div> <div class="msgborder" id="phpcode53"> <br>/*<br>* 関数: キャンバス回転<br>*/<br>(function(){<br> var Canvas=null,<br> context=null,<br> angle =0;<br>関数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> //キャンバスをクリア<br> context.clearRect (0, 0, Canvas.width, Canvas.height);<br> //原点を設定します<br> context.translate(canvas.width * 0.5, Canvas.height * 0.5);<br> //角度を回転します<br> context.rotate(angle) ;<br> //塗りつぶしの色を設定します<br> context.fillStyle = "#FF0000";<br> //四角形を描画します<br> context.fillRect(-30, -30, 60 , 60);<br> angle = 0.05 * Math.PI;<br> }<br>finally{<br> context.restore();<br> }<br> }<br> $(window).bind ("サイズ変更",resetCanvas).bind("reorient",resetCanvas);<br> $(document).ready(function(){<br> window.scrollTo(0,1);<br> replaceCanvas(); <br> setInterval(animate,40 );<br> });<br>})();<br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
