円弧のサンプル - Canvas - HTML5.JP

円を描く 円弧を描く 円弧を塗りつぶす コード onload = function() { draw1(); draw2(); draw3(); }; /* 円を描く */ function draw1() { var canvas = document.getElementById('c1'); if ( ! canvas || ! canvas.getContext ) { return false; } var ctx = canvas.getContext('2d'); ctx.beginPath(); ctx.arc(70, 70, 60, 0, Math.PI*2, false); ctx.stroke(); } /* 円弧を描く */ function draw2() { var canvas = document.getElementById('c2'); if ( ! c