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.strokeStyle = 'red';
    context1.stroke();
    context1.closePath()
    
    context1.beginPath()
    context1.moveTo(460 ,40);
    context1.lineTo(460,460);
    context1.lineWidth = 5;
    context1.strokeStyle = '#006600';
    context1.closePath()
    context1.stroke();
    
    }