context.beginPath();
context.strokeStyle="#f00";
context.fillStyle="#fff";
context.arc(125,120,100,0,Math.PI*2, true);
context.lineWidth=40;
context.stroke();
context.fill()
context.closePath;

context.beginPath();
context.strokeStyle="#f00";
context.fillStyle="#fff";
context.arc(375,120,100,0,Math.PI*2, true);
context.lineWidth=40;
context.stroke();
context.fill();
context.closePath;

context.beginPath();
context.strokeStyle="#000";
context.fillStyle="#ff0";
context.moveTo(320,220);
context.lineTo(180,220);
context.lineTo(250,120);
context.lineTo(320,220);
context.lineWidth=3;
context.stroke();
context.fill();
context.closePath;

context.beginPath();
context.fillStyle="#000"
context.arc(175,150,30,0,Math.PI*2,true);
context.fill();
context.closePath;

context.beginPath();
context.fillStyle="#000"
context.arc(325,150,30,0,Math.PI*2,true);
context.fill();
context.closePath;