draw_example(context, width, height) { context.strokeStyle = "rgba(128, 128, 255, 1.0)"; context.fillStyle = "rgba(0, 0, 255, 1.0)"; context.lineWidth = 5; context.beginPath(); context.arc(width/2, height/2,100, 0, 2.0*Math.PI, 0); context.closePath(); context.fill(); context.beginPath(); context.arc(width/2, height/2,100, 0, 2.0*Math.PI, 0); context.closePath(); context.stroke(); context.fillStyle = "rgba(128,128,255,0.8)"; var n = 12; for(i=0; i<n; i++) { theta = 2.0*3.1415926*i/n; x = width/2 + Math.cos(theta) * 100; y = height/2 + Math.sin(theta) * 100; context.beginPath(); context.arc(x, y, 10, 0, 2.0*Math.PI, 0); context.closePath(); context.fill(); } }