-
五子棋ui篇查看全部
-
stroke 描边查看全部
-
内容不错,学到了东西查看全部
-
box-shadow设置控件下的阴影效果,支持多个参数,参数间以逗号分隔,负值表示向反方向移动;正x和正y表示向右向下移动阴影;-5px -5px 5px #efefef 表示向左,向上移动,blur5个px,颜色是efefef查看全部
-
//画棋子 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+i*30-2,13,15+i*30+2,15+i*30-2,0); if(me){ gradient.addColorStop(0,"#0A0A0A"); gradient.addColorStop(1,"#636766"); }else{ gradient.addColorStop(0,"#D1D1D1"); gradient.addColorStop(1,"#F9F9F9"); } context.fillStyle=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; } }查看全部
-
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="images/logo.png"; logo.onload=function(){ context.drawImage(logo,0,0,450,450); drawChessBoard(); //oneStep(0,0,true); //oneStep(1,1,false); } //画棋盘 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(); } }查看全部
举报
0/150
提交
取消