結果を表示する
元にもどす
◀︎
14
▶︎
<html lang="ja"> <meta charset="utf-8"> <canvas id="目印1"width="300"height="300"style="width:100px;height:100px;"></canvas> <hr> <canvas id="目印2"width="300"height="300"style="width:100px;height:100px;"></canvas> <script> let きゃんばす1=document.getElementById("目印1"); let こんてきすと1=きゃんばす1.getContext("2d"); こんてきすと1.fillStyle="silver"; こんてきすと1.fillRect(0,0,100,100); こんてきすと1.strokeStyle="red"; こんてきすと1.lineWidth=1; こんてきすと1.strokeRect(50,50,100,100); let きゃんばす2=document.getElementById("目印2"); let こんてきすと2=きゃんばす2.getContext("2d"); こんてきすと2.strokeStyle="red"; こんてきすと2.lineWidth=4; こんてきすと2.strokeRect(50, 50, 100, 100); こんてきすと2.fillStyle="silver"; こんてきすと2.fillRect(0, 0, 100, 100); </script> </html>
◀︎ 14 ▶︎