个回答

• 追寻free17

  2016-03-28 21:17:40

  好吧，自己粗心了，点打成了逗号

  0

• 追寻free17

  2016-03-28 21:13:12

  var chessBoard=[];

  var me=true;

  for(var i=0;i<15;i++)

  {

  chessBoard[i]=[];

  for(var j=0;j<15;j++)

  {

  chessBoard[i][j]=0;

  }

  }

  var chess = document.getElementById('chess');

  var context=chess.getContext('2d');

  context.strokeStyle="#BFBFBF";

  var logo=new Image();

  logo.src="image/logo.jpg";

  logo.onload=function(){

  context.drawImage(logo,0,0,450,450);

  drawChessBoard();

  }

  
  

  
  

  
  

  
  

  var drawChessBoard=function()

  {

  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();

  }

  }

  
  

  
  

  
  

  var oneStep=function(i,j,me)

  {

  context.beginPath();

  context.arc(15+i*30,15+j*30,13,0,2*Math.PI);

  context.closePath();

  var gradient = context.createRadialGradient(15+i*30+2,15+j*30-2,13,15+i*30+2,15+j*30-2,0);

  if(me)

  {

  gradient.addColorStop(0,"#0A0A0A");

  gradient.addColorStop(1,"#636766");

  }

  else

  {

  gradient.addColorStop(0,"#000000");

      gradient.addColorStop(1,"#F9F9F9");

  }

  context,fileStyle=gradient;

  context.fill();

  }

  chess.onclick=function(e)

  {

  var x= e.offsetX;

  var y= e.offsetY;

  var i=Math.floor(x/30);

  var j=Math.floor(y/30);

  if(chessBoard[i][j]==0){

  oneStep(i,j,me);

  if(me){chessBoard[i][j]=1;

  }

  else{

  chessBoard[i][j]=2;}

  }

  me=!me;

  }

  context.moveTo(0,0);

  context.LineTo(450,450);

  context.stroke();

  
  

  0