質問: canvas.getcontext('2d'); ctx.arc(180,150,20,math.pi*1,math.pi*2,true); } } このコードでは(180,150)の位置に半径20の円が描画されるはずなのですが、何も表示されませんでした。 どこかコードに誤りがあるのでしょうか? よろしくお願いします。
回答: arcは、パスを指定して描画するものなので、beginpathしてから描画した後にclosepathし、それからfillなどの描画メソッドを呼び出す形になると思います。こんな感じ。 if (canvas.getcontext) { var ctx = canvas.getcontext('2d'); ctx.beginpath(); ctx.arc(180,150,20,math.pi*1,math.pi*2,true); ctx.closepath(); ctx.fill(); // ここで描画 }