js畫棋盤
var chess = document.getElementById('chess');
var context = chess.getContext('2d');
context.strokeStyle = "#BFBFBF";
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 chess = document.getElementById('chess');
var context = chess.getContext('2d');
context.strokeStyle = "#BFBFBF";
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();
}
最新回答 / ICHAYA
我剛開始全部保存 后直接Open in Browser也沒有顯示保存好所有文件后關掉sublime,直接從文件夾打開HTML文件就有顯示了(視頻里老師也是從文件夾打開的)后續再次在sublime中Open in Browser 也會有顯示瀏覽器:chrome最新版
2016-03-30
style.css
canvas{
display:block;
margin: 50px auto;
box-shadow: -2px -2px 2px #BFBFBF,5px 5px 5px #B9B9B9;
}
canvas{
display:block;
margin: 50px auto;
box-shadow: -2px -2px 2px #BFBFBF,5px 5px 5px #B9B9B9;
}
2016-03-30