結果を表示する
元にもどす
◀︎
18
▶︎
<html lang="ja"> <meta charset="utf-8"> <canvas id="目印"width="300"height="300"></canvas> <script> let きゃんばす = document.getElementById("目印"); let こんてきすと=きゃんばす.getContext("2d"); const ぐらでーしょん=こんてきすと.createConicGradient(0,150,150); ぐらでーしょん.addColorStop(0,"red"); ぐらでーしょん.addColorStop(0.2,"yellow"); ぐらでーしょん.addColorStop(0.4,"silver"); ぐらでーしょん.addColorStop(0.6,"green"); ぐらでーしょん.addColorStop(0.8,"blue"); ぐらでーしょん.addColorStop(1,"red"); こんてきすと.fillStyle=ぐらでーしょん; こんてきすと.fillRect(0,0,300,300); </script> </html> </html>
◀︎ 18 ▶︎