tes

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.beginPath();ctx.lineWidth = 2;
//ctx.strokeStyle = 'rgba(224, 56, 56, 0.8)'; // 赤
ctx.fillStyle = 'rgba(224, 56, 56, 0.5)'; // 赤
ctx.arc(125, 180, 100, 0, Math.PI*2, false);
ctx.stroke();
ctx.fill();

ctx.beginPath();
ctx.fillStyle = 'rgb(183, 227, 180)'; // 緑
ctx.arc(225, 110, 62, 0, Math.PI*2, false);
ctx.fill();



ctx.beginPath();
ctx.fillStyle = 'rgba(93, 126, 251, 0.7)'; // 青
ctx.arc(150, 70, 38, 0, Math.PI*2, false);
ctx.fill();