JAVASCRIPT 03
var canvas = document.getElementById ("c3");
var ctx = c3.getContext ("2d");
ctx.strokeStyle= "black";
ctx.moveTo (50,50);
ctx.lineTo (50,350);
ctx.moveTo (20,320);
ctx.lineTo (600,320);
ctx.lineTo (580,300);
ctx.moveTo (600,320);
ctx.lineTo (580,340);
ctx.moveTo (50,50);
ctx.lineTo (30,70);
ctx.moveTo (50,50);
ctx.lineTo (70,70);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "red";
ctx.moveTo (50,250);
ctx.lineTo (200,250);
ctx.arcTo (235,250,235,285,35);
ctx.moveTo (200,320);
ctx.arcTo (235,320,235,285,35);
ctx.moveTo (250,250);
ctx.lineTo (400,250);
ctx.arcTo (435,250,435,285,35);
ctx.moveTo (400,320);
ctx.arcTo (435,320,435,285,35);
ctx.moveTo (250,250);
ctx.lineTo (250,320);
ctx.stroke();
ctx.beginPath();
ctx.fillStyle = "black";
ctx.font = "bold 20pt sans-serif";
ctx.fillText ("O'",260,315);
ctx.fillText ("O'",65,315);
ctx.fillText ("O",65,360);
ctx.fillText ("x",600,360);
ctx.fillText ("y",65,50);
ctx.fillText ("v",550,240);
ctx.fill();
ctx.beginPath();
ctx.strokeStyle = "black";
ctx.moveTo (95,320);
ctx.lineTo (330,260);
ctx.lineTo(500,300);
ctx.lineTo (490,290);
ctx.moveTo (500,300);
ctx.lineTo (485,305);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "blue";
ctx.moveTo (290,250);
ctx.lineTo (290,260);
ctx.lineTo (380,260);
ctx.lineTo (380,250);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "black";
ctx.moveTo (465,260);
ctx.lineTo (540,260);
ctx.lineTo (520,240);
ctx.moveTo (540,260);
ctx.lineTo (520,280);
ctx.moveTo (650,20);
ctx.strokeRect (650,20,430,360);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "blue";
ctx.moveTo (700,130);
ctx.lineTo (700,140);
ctx.lineTo (900,140);
ctx.lineTo (900,130);
ctx.lineTo (700,130);
ctx.moveTo (700,330);
ctx.lineTo (700,320);
ctx.lineTo (900,320);
ctx.lineTo (900,330);
ctx.lineTo (700,330);
ctx.stroke();
ctx.beginPath();
ctx.strokeStyle = "black";
ctx.moveTo (800,145);
ctx.lineTo (700,315);
ctx.moveTo (800,145);
ctx.lineTo (790,152);
ctx.moveTo (800,145);
ctx.lineTo (802,155);
ctx.moveTo (806,145);
ctx.lineTo (900,315);
ctx.lineTo (890,305);
ctx.moveTo (900,315);
ctx.lineTo (902,305);
ctx.moveTo (803,160);
ctx.lineTo (803,310);
ctx.stroke();
ctx.beginPath();
ctx.fillStyle = "black";
ctx.strokeStyle = "black";
ctx.font = "bold 17pt sans-serif";
ctx.strokeText("Visão do Observador O, que está",670,60);
ctx.strokeText("em repouso, fora do vagão.",670,90);
ctx.fillText ("Espelho",910,160);
ctx.fillText ("Espelho",910,320);
ctx.fillText ("tique",680,230);
ctx.fillText ("taque",870,230);
ctx.fillText ("x",750,310);
ctx.fillText ("L",760,230);
ctx.fillText ("d",810,230);
ctx.fill();
ctx.stroke();
function rads(x){
return Math.PI*x/180;
}