问答详情
源自:2-3 画水印

为什么我的图片插进去就行背景图片一样啊

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


context.strokeStyle = '#BFBFBF';


var logo = new Image();
logo.src = "img/back.png";
logo.onload = function(){
 context.drawImage(logo,0,0,300,450);
 drawChessBoard();
}


var drawChessBoard = function() {
 for(var i = 0; i < 15; i++) {
  context.moveTo(15 + i * 30, 19);
  context.lineTo(15 + i * 30, 440);
  context.stroke();
  context.moveTo(15, 19 + i * 30);
  context.lineTo(286, 19 + i * 30);
  context.stroke();
 }
}

http://img.mukewang.com/5795f64d0001569f03070444.jpg

提问者:小丶白鼠 2016-07-25 19:22
微课

个回答

  • 灯元
    2016-10-22 15:50:22

    var logo = new Image();
    logo.src = "img/back.png";
    logo.onload = function(){
     context.drawImage(logo,0,0,300,450);
     drawChessBoard();不需写在里面就可
    }

  • 小丶白鼠
    2016-07-25 19:23:03

    这不是水印的效果啊