コードをコピーコードは次のとおりです。 HTML5 描画四角形</script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/ jquery.min.js"></script</a>><br></head><br><script><br>$(document).ready(function(){<br> var c =document.getElementById("drawbox");<br>vardraw=c.getContext("2d"); //2D コンテンツへの参照を取得し、描画 API を呼び出します<br>draw.fillStyle="# ff0000"; // メソッド 1 は塗りつぶしの色を指定します <br>draw.fillRect(0,0,300,100); //座標と長さと幅<br>draw.fillStyle="rgba(0,0,255,0.5)"; //メソッド 2 rgb透明度<br>draw.fillRect(400,0,100,100) //座標と長さと幅<br>})<br>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
