JavaScript Canvas Introduction Quiz

If the following code is entered:

fill(0, 255, 200);

ellipse(300, 100, 40, 40);

Which point would appear on the canvas?

• A

• B

• C

• D

Which of the following codes would result in the ellipse drawn?

• ellipse(200, 200, 300, 100);

• ellipse(300, 100, 100, 300);

• ellipse(200, 200, 100, 300);

• ellipse(100, 300, 200, 200);

What would appear on the canvas if this code (and nothing else) was entered?

ellipse(100, 100, 50, 50)

• A circle with radius 50 in the centre of the canvas

• A circle with radius 100 in the upper left area of the canvas

• A circle with radius 50 in the upper left area of the canvas

• nothing

What would appear on the canvas if this code (and nothing else) was entered?

elipse(100, 100, 50, 50);

• A circle with radius 50 in the centre of the canvas

• A circle with radius 100 in the upper left area of the canvas

• A circle with radius 50 in the upper left area of the canvas

• nothing

What would you see if the following code was run:

ellipse(200, 200, 600, 600);

• A really big circle in the centre

• A circle in the bottom right corner

• Nothing

What would appear on screen with the code shown?

• 
• 
• 
• 

In the code for this program, what order must the ellipses instructions occur?

• Blue first,

  then Yellow,

  then Red

• Red first,

  then Blue,

  then Yellow

• There is no way of knowing

• Red first,

  then Yellow,

  then Blue

Which of the following is the correct syntax for comments?

• //

• \\

• *

• %

Which command draws a rectangle?

• rec(100, 200, 50, 70);

• rect(100, 200, 50, 70);

• box(100, 200, 50, 70);

• rectangle(100, 200, 50, 70);

Which of these programs would produce a square?

• rect(100, 100, 200, 100);

• rect(100, 200, 200, 100);

• rect(200, 100, 100, 100);