绘制国际象棋棋盘

绘制方块：

    
        
    
    
        
canvas
        //添加canvas标记,id相当于起名
        
    

image.png

绘制方框

ctx.strokeStyle = "Green";//设定线条颜色
ctx.lineWidth = 5;//设定线条宽
ctx.strokeRect(25,50,50,100);//绘制方框函数

image.png

绘制棋盘

image.png