Drawing Pictures - Revision history

Lerc at 23:07, 20 June 2017

2017-06-20T23:07:36Z

2012-04-26T00:22:22Z

2012-03-08T02:17:25Z

2012-01-30T22:29:56Z

2012-01-30T21:38:41Z

Created page with " <edcode> drawRectangle(200,400,300,300); drawLine(200,400,350,200); drawLine(350,200,500,400); </edcode>"

New page

<edcode>
drawRectangle(200,400,300,300);

drawLine(200,400,350,200);
drawLine(350,200,500,400);
</edcode>

← Older revision		Revision as of 23:07, 20 June 2017
Line 71:		Line 71:

	</edcode>		</edcode>
		+
		+	A jsbin version of this can be found at http://jsbin.com/jeguyedada/1/edit?js,output
		+
		+	(the jsbin version uses a slightly newer version of whio which provides a different fillPolygon function. fillShape is used instead. )

@@ Line 1: / Line 1: @@
-You can draw on the canvas very easily. You can draw using these commands
+You can draw on the canvas very easily. This page walks you through drawing with some of the functions available.
 ;setColour(colour)
 : sets the colour of the next thing to be drawn. Colour names that your browser should know can be found at http://en.wikipedia.org/wiki/X11_color_names#Color_name_charts

@@ Line 45: / Line 45: @@
 fillRectangle(0,260,640,500);
-setColour("white");
+setColour("grey");
-drawRectangle(200,200,250,250);
+fillRectangle(200,200,250,250);
-drawLine(200,200,325,50);
+setColour("purple");
-drawLine(325,50,450,200);
-drawRectangle(300,300,100,150);
+fillPolygon(200,200,325,50,450,200);
 drawCircle(375,375,10);
@@ Line 63: / Line 66: @@
 setColour("white");
 print("My Home",280,220);
 </edcode>

@@ Line 1: / Line 1: @@
 <edcode>
-drawRectangle(200,400,300,300);
+// lines beginning with  // do not act as part of the program
-drawLine(200,400,350,200);
+setColour("white");
-drawLine(350,200,500,400);
+print("My Home",280,220);
 </edcode>