fillRect(100,100,100,100) 最初の 2 つの 100 は座標を指し、最後の 2 つの 100 は幅と高さを指します。 今日HTML5のcanvasを勉強していて、fillRectの座標とサイズがいつも間違っていることに気づきました。 長い間勉強した結果、canvasの幅と高さはcanvasタグ内にインラインで指定する必要があることがわかりました。私は長い間憂鬱でした。 間違った方法 1: コードをコピーしますコードは次のとおりです: <br>幅: 200px; <br>高さ: 200px; <br> ;/style> <br><body> <br><script> document.getElementById ('mycanvas'); <br>var ctx = c.getContext("2d"); <br>ctx.fillStyle='#f36'; <br>ctx.fillRect(100, 100, 100, 100) ); <br></script> <br></html> <br><br><br> ><br><br>コードをコピーします<br><br><br>コードは次のとおりです:<br><br> </div><!doctype html> <br><html lang="en" > <br> <head> <br><title><div class="msgheader"><body> ; <div class="right"><canvas id='mycanvas' style='width:200px;height:200px;background: yellow'></canvas> <span style="CURSOR: pointer" onclick="copycode(getid('phpcode20'));"><script>var c = document.getElementById ('mycanvas') ; <u>var ctx = c.getContext("2d"); </u>ctx.fillStyle='#f36'; </span></script> </div></body> </div> <div class="msgborder" id="phpcode20"> <br>正しい方法: <br><br> <br><br><br><br>コードをコピーします<br><br><br>コードは次のとおりです:<br><br> <br><!doctype html> lang="en"> <br><meta charset="UTF-8"> <br></head> 🎜><body> <br><canvas id='mycanvas' width='200px' height='200px' style='background: yellow'> <br><script> >var c = document.getElementById ('mycanvas'); </div>var ctx = c.getContext("2d"); <br>ctx.fillStyle='#f36'; , 100, 100); <br></script><br></html>