效果顯示不出來(lái)
var chess=document.getElementById('chess');
var context=chess.getContext('2d');
context.strokeStyle="#bfbfbf";
var logo=new Image();
logo.src="images/慕課圖標(biāo).png";
logo.onload=function(){
context.drawImage(logo,0,0,450,450);
drawChessBoard();
context.beginPath();
context.arc(200,200,100,0,2*Math.PI);
context.closePath();
context.fill();
}
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();
}
}
我照代碼敲的 ?就是圖片跟棋子都出不來(lái)效果
2016-03-26
確認(rèn)你的瀏覽器是否支持HTML5,IE使用IE9以上版本
確認(rèn)你的canvas id="chess"
javascript代碼添加到html最后
可以使用JavaScript調(diào)試工具(例如FireBug),看下是不是有JavaScript錯(cuò)誤