canvas 有多个一样的圆形，怎么精简javascript

Question

三个圆形都是一样的，怎么精简？ 各位小哥哥小姐姐求指教

Answer 1

function drawArc(id){

var context=document.getElementById(id);

var ctx=context.getContext("2d");

ctx.lineWidth = 2;//线条的宽度

ctx.strokeStyle = "#b81113";//线条的颜色

ctx.beginPath();

ctx.arc(100,100,94,1.4*Math.PI,1*Math.PI);

ctx.stroke();

}

//用的时候调用就行了

drawArc("myCanvas1");

drawArc("myCanvas2");

drawArc("myCanvas3");