<br><div class="msgheader"> <div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode45'));"><u>コードをコピーします</u></span></div>コードは次のとおりです。</div> <div class="msgborder" id="phpcode45"> <br><!DOCTYPE html> <html> <br><head> <br><body onkeydown="changeDirect()"> <br><canvas id="tankMap" width="500px" height=" 300px" style="border:1px Solid #d3d3d3;">お使いのブラウザは、canvas タグ <br><script type="text/javascript"> をサポートしていません。 =document .getElementById('tankMap'); <br>var ctx=canvas1.getContext('2d'); <br>var myY=30; 🎜> ctx.shadowBlur=30,ctx.shadowColor="#008C46"; <br>ctx.fillStyle='#008C46'; <br>ctx.fillRect(myX,myY,5,30); fillRect(myX 17,myY,5,30); <br>ctx.fillRect(myX 6,myY 5,10,20); <br>ctx.fillStyle='#004020' ; <br>ctx.arc(myX 11,myY 15,5,0,Math.PI*1.5); <br>ctx.fill(); "# 008C46"; <br>ctx.moveTo(myX 11,myY-5); <br>ctx.ストローク(); drawBall( ); <br>function changeDirect(){ <br>var code=event.keyCode; <br>case 87: <br>myY--; >ケース 68: <br>myX ; <br>ケース 83: <br>ブレーク; <br>ケース 65: <br>myX--; >} <br>ctx.clearRect(0,0,500,300); <br>//Redraw<br>drawBall(); <br></script> <br></body> < ;/html> <br><br> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
