?? ?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();
?? ?}