前提・実現したいこと
JavaScriptのCanvasで円を描画したいです。
発生している問題・エラーメッセージ
なし。
該当のソースコード
JavaScript
1<!DOCTYPE html> 2<html> 3<head> 4<body> 5 <canvas id="board" width="640" height="600"></canvas> 6</body> 7 8<script> 9var canvas = document.getElementById("board"); 10if (canvas.getContext) { 11 var ctx = cnavas.getContext("2d"); 12} 13 14//円 15ctx.beginPath(); 16ctx.strokeStyle = "#000000"; 17ctx.arc(30, 30, 20, 0, Math.PI*2, false); 18ctx.stroke(); 19 20//塗りつぶし円 21ctx.beginPath(); 22ctx.fillStyle ="#FF0000"; 23ctx.arc(30, 80, 20, 0, Math.PI*2,false); 24ctx.stroke(); 25</script> 26</html>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/17 09:11