Q&A
html
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Document</title> 7</head> 8<body> 9 <canvas id="can1" width="800" height="600" style="border:blue solid 1px"><p>Message</p></canvas> 10 11 12 13 14<script src = "can1.js"></script> 15</body> 16</html>
javascript
1let canvas = document.getElementById('can1'); 2 3let context = canvas.getContext('2d'); 4 5ctx.beginPath(); 6ctx.moveTo(75,25); 7ctx.quadraticCurveTo(25,25,25,62.5); 8ctx.quadraticCurveTo(25,100,50,100); 9ctx.quadraticCurveTo(50,120,30,125); 10ctx.quadraticCurveTo(60,120,65,100); 11ctx.quadraticCurveTo(125,100,125,62.5); 12ctx.quadraticCurveTo(125,25,75,25); 13ctx.stroke();
上のようにコードを記述したのですが、表示されません。
どなたかご教授いただければ幸いです。
回答2件
0
canvasからcontext という変数を定義しているのに使われてませんし、どこにも定義されていないctxという変数がいきなり使われてます。エラー出てるはずです。
投稿2020/07/25 23:26
総合スコア80861
0
ベストアンサー
変数 ctx は宣言されていません。
diff
1-let context = canvas.getContext('2d'); 2+let ctx = canvas.getContext('2d');
投稿2020/07/25 23:25
総合スコア5434
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。