Lines and Shape Homework Assignment



This was a homework assignment to practice making lines and shapes.



context.beginPath();
context.rect(590, 0, 210, 100);
context.fillStyle = "pink";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "orange";
context.stroke();

context.beginPath();
context.rect(383, 0, 200, 100);
context.fillStyle = "yellow";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "green";
context.stroke();

context.beginPath();
context.rect(176, 0, 200, 100);
context.fillStyle = "blue";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "violet";
context.stroke();

context.beginPath();
context.rect(0, 0, 170, 100);
context.fillStyle = "pink";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "orange";
context.stroke();


context.beginPath();
context.rect(590, 105, 210, 100);
context.fillStyle = "orange";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "pink";
context.stroke();

 context.beginPath();
context.rect(383, 107, 200, 100);
context.fillStyle = "green";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "yellow";
context.stroke();

 context.beginPath();
context.rect(176, 106, 200, 100);
context.fillStyle = "violet";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "blue";
context.stroke();


context.beginPath();
context.rect(0, 105, 170, 100);
context.fillStyle = "orange";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "pink";
context.stroke();


context.beginPath();
context.rect(0, 211, 375, 100);
context.fillStyle = "red";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "gray";
context.stroke();


context.beginPath();
context.rect(382, 211, 415, 100);
context.fillStyle = "gray";
context.fill();
context.lineWidth = 7;
context.strokeStyle = "red";
context.stroke();


context.beginPath();
context.moveTo(0,350);
context.lineTo(800,350);
context.lineWidth = 15
context.strokeStyle = "pink";
context.stroke();


context.beginPath();
context.moveTo(0,380);
context.lineTo(800,380);
context.lineWidth = 15
context.strokeStyle = "orange";
context.stroke();

context.beginPath();
context.moveTo(0,410);
context.lineTo(800,410);
context.lineWidth = 15
context.strokeStyle = "yellow";
context.stroke();

context.beginPath();
context.moveTo(0,440);
context.lineTo(800,440);
context.lineWidth = 15
context.strokeStyle = "green";
context.stroke();

context.beginPath();
context.moveTo(0,470);
context.lineTo(800,470);
context.lineWidth = 15
context.strokeStyle = "violet";
context.stroke();

Comments

Popular posts from this blog

Canvas Project