                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JS实现人机大战之五子棋（UI篇）

帮我看看哪里错了，为什么渐变效果出不来，谢谢

var chess=document.getElementById('chess');
var context=chess.getContext('2d');
context.strokeStyle="#BFBFBF";
var logo = new Image();
logo.src="images/bg.png";
logo.onload=function(){
	context.drawImage(logo, 0, 0, 450, 450);
	drawChess();
	context.beginPath();
	context.arc(200, 200, 100, 0, 2 * Math.PI);
	var gradient = context.createRadialGradient(200, 200, 50, 200, 200, 20);
	gradient.addColorStop = (0, "#0A0A0A");
	gradient.addColorStop = (1, "#636766");
	context.fillStyle = gradient;
	context.fill();
}
function drawChess(){
	for (var i =0; i < 15; i++) {
		context.moveTo(15+i*30,15);
		context.lineTo(15+i*30,435);
		context.stroke();
		context.moveTo(15,15+i*30);
		context.lineTo(435,15+i*30);
		context.stroke();
	}
}