var bkgdgrd = context.createLinearGradient(0,0,0,mouseY); // AXIS bkgdgrd.addColorStop(0,"white" ); bkgdgrd.addColorStop(0.14 , "yellow" ); bkgdgrd.addColorStop(0.28 , "orange" ); bkgdgrd.addColorStop(0.42 , "blue" ); bkgdgrd.addColorStop(0.56 , "#02269F" ); bkgdgrd.addColorStop(0.70 , "#000B8A" ); bkgdgrd.addColorStop(0.84 , "#000042" ); // /// BACKGROUND context.beginPath(); context.rect(0,0,canvas.width,canvas.height); context.closePath(); context.fillStyle = bkgdgrd; context.fill(); // context.beginPath(); context.arc(350,330,200,0.3*Math.PI,0.9*Math.PI,true); context.closePath(); context.fillStyle = "rgba(42,255,33,1.00)"; context.fill(); context.strokeStyle = "rgba(42,255,33,1)"; context.stroke(); //antenna left context.beginPath(); context.moveTo(200,70); context.lineTo(300,450); context.clo