8.1Act3

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>robots</title>
</head>
<canvas id="myCanvas" width="640" height="480" style="border: 1px solid black";></canvas>

<body>

<script>

var canvas = document.getElementById("myCanvas");
var drawingTools = canvas.getContext("2d");


// Function calls to draw flowers.
rbt(50, 100, "rgb(255, 0, 0)");


function rbt(xPos, yPos, colour)
{

drawingTools.strokeStyle = colour;
drawingTools.lineWidth = 3;
drawingTools.strokeRect(xPos,yPos,110,60);

drawingTools.fillStyle = colour;
drawingTools.fillRect(xPos+40,yPos+60,30,15);

drawingTools.strokeStyle =colour;
drawingTools.strokeRect(xPos+15,yPos+75,80,80);

drawingTools.strokeStyle = "black";
drawingTools.strokeRect(xPos+30,yPos+90,50,50);

drawingTools.fillStyle = colour;
drawingTools.fillRect(xPos+30,yPos+160,50,10);

drawingTools.fillStyle = colour;
drawingTools.fillRect(xPos+40,yPos+175,30,10);
/*	// Draw petal in specified colour.
	drawingTools.fillStyle = colour;
	drawingTools.beginPath();
	drawingTools.arc(xPos, yPos, 15, 0, 2*Math.PI);
	drawingTools.fill();

	// Draw yellow stamen.
	drawingTools.fillStyle = "#FFFF71";
	drawingTools.beginPath();
	drawingTools.arc(xPos, yPos, 10, 0, 2*Math.PI);
	drawingTools.fill();*/
}


</script>

</body>
</html>