按照步骤写代码,最后水印没有出现,棋盘也没有了。

来源:2-3 画水印

mystylecat

2016-04-02 21:46

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

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


context.strokeStyle = "#BFBFBF";


var logo = new Image();

logo.src = "images/1.png";

logo.onload = function(){

    context.drawImage(loge,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();

}

}



写回答 关注

3回答

  • 寒剑
    2016-04-03 09:36:00
    已采纳

    logo.onload = function(){

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

        drawChessBoard();

    }

      粗体那个 loge写错了  应该是logo

    mystyl...

    非常感谢!

    2016-04-05 15:26:00

    共 1 条回复 >

  • 大胖小秀
    2016-04-03 00:05:26

    56ffedac0001237f05000478.jpg

    56ffedac0001475f05000480.jpg

    需要浏览器调试


  • 假面圣骑士
    2016-04-03 00:02:19

    没看出来代码哪里有错啊,是不是其他问题?

JS实现人机大战之五子棋(UI篇)

利用js及canvas绘图知识,实现程序界面编写和交互逻辑处理

35650 学习 · 136 问题

查看课程

相似问题