function canvas1(){
    var canvas1 = document.getElementById("canvas1");
    var context1 = canvas1.getContext("2d");
    canvas1.width = 500;
    canvas1.height = 500;
    
    context1.beginPath()
    context1.moveTo(50,50);
    context1.lineTo(50,450);
    context1.lineTo(450,450);
    context1.lineTo(450,50);
    context1.lineTo(50,50);
    context1.closePath();
    context1.fillStyle = 'red';
    context1.fill();
    
    
    context1.beginPath()
    context1.moveTo(100 ,100);
    context1.lineTo(100,400);
    context1.lineTo(400,400);
    context1.lineTo(400,100);
    context1.lineTo(100,100);
    context1.closePath();
    
    context1.fillStyle = '#006600';
    context1.fill();
    }