html5 キャンバスの fillRect 座標の問題の解決策と size_html5 チュートリアルのスキル

fillRect(100,100,100,100) 最初の 2 つの 100 は座標を指し、最後の 2 つの 100 は幅と高さを指します。

今日HTML5のcanvasを勉強していて、fillRectの座標とサイズがいつも間違っていることに気づきました。 長い間勉強した結果、canvasの幅と高さはcanvasタグ内にインラインで指定する必要があることがわかりました。私は長い間憂鬱でした。

間違った方法 1:

コードをコピーします

コードは次のとおりです: