Question 1

The ________ attribute is used to create alpha transparency.

Accepted Answer

A)  alphaTransparency 
B)  globalAlpha 
C)  globalCompositeOperation 
D)  alphaGlobal 
A)  alphaTransparency 
B)  globalAlpha 
C)  globalCompositeOperation 
D)  alphaGlobal B

Question 2

With the ________ attribute value, the images are transparent where they overlap and normal elsewhere.

Accepted Answer

A)  lighter 
B)  destination-atop 
C)  xor 
D)  copy 
A)  lighter 
B)  destination-atop 
C)  xor 
D)  copy C

Question 3

To specify the coordinates of the rectangle, we use fillRect in which format (where w is the width, h is the height, and x and y are the coordinates of the starting point)

Accepted Answer

A)  (w, h, x, y) 
B)  (h, w, x, y) 
C)  (x, y, w, h) 
D)  (x, y, h, w) 
A)  (w, h, x, y) 
B)  (h, w, x, y) 
C)  (x, y, w, h) 
D)  (x, y, h, w) C

Question 4

The ________ method can stretch a circle to create an ellipse.

Accepted Answer

A)  arcStyle 
B)  ellipse 
C)  stretch 
D)  scale 
A)  arcStyle 
B)  ellipse 
C)  stretch 
D)  scale

Question 5

Use the ________ method to draw a radial gradient to a canvas.

Accepted Answer

A)  createRadialGradient 
B)  drawRadialGradient 
C)  startRadialGradient 
D)  radialGradient 
A)  createRadialGradient 
B)  drawRadialGradient 
C)  startRadialGradient 
D)  radialGradient

Question 6

The ________ method draws an image to a canvas.

Accepted Answer

A)  createImage 
B)  drawImage 
C)  drawPicture 
D)  drawCanvas 
A)  createImage 
B)  drawImage 
C)  drawPicture 
D)  drawCanvas

Question 7

When drawing an arc, the sixth argument specifies ________.

Accepted Answer

A)  the radius of the circle 
B)  the arc's starting angle in radians 
C)  the arc's ending angle in radians 
D)  the direction in which the arc's path is drawn 
A)  the radius of the circle 
B)  the arc's starting angle in radians 
C)  the arc's ending angle in radians 
D)  the direction in which the arc's path is drawn

Question 8

________ have a starting point, an ending point and two control points through which the curve passes.

Accepted Answer

A)  Bezier curves 
B)  Quadratic curves 
C)  Ellipses 
D)  Circles 
A)  Bezier curves 
B)  Quadratic curves 
C)  Ellipses 
D)  Circles

Question 9

The starting point of a quadratic curve is the last subpath destination, specified using the ________ method.

Accepted Answer

A)  moveTo 
B)  lineTo 
C)  curveTo 
D)  Both (a) and (b) 
A)  moveTo 
B)  lineTo 
C)  curveTo 
D)  Both (a) and (b)

Question 10

Using the ________ attribute value, if the source image is opaque and the destination is transparent, the source image is displayed where the images overlap. Both images are transparent where there is no overlap.

Accepted Answer

A)  source-out 
B)  source-over 
C)  xor 
D)  lighter 
A)  source-out 
B)  source-over 
C)  xor 
D)  lighter

Question 11

The ________ method obtains an object that contains the pixels to manipulate.

Accepted Answer

A)  imageData 
B)  getPixelData 
C)  getImageData 
D)  getPixels 
A)  imageData 
B)  getPixelData 
C)  getImageData 
D)  getPixels

Question 12

The ________ method sets the x- and y-coordinates of the path's origin.

Accepted Answer

A)  startPath 
B)  moveTo 
C)  beginPath 
D)  lineTo 
A)  startPath 
B)  moveTo 
C)  beginPath 
D)  lineTo

Question 13

The ________ specifies the color of the rectangle.

Accepted Answer

A)  fillRect 
B)  fill 
C)  strokeRect 
D)  fillStyle 
A)  fillRect 
B)  fill 
C)  strokeRect 
D)  fillStyle

Question 14

The ________ method starts the path.

Accepted Answer

A)  startPath 
B)  moveTo 
C)  beginPath 
D)  lineTo 
A)  startPath 
B)  moveTo 
C)  beginPath 
D)  lineTo

Question 15

When resizing the canvas to fill the browser window, set the the x1 value to ________ and the y1 value to ________, so no matter the size of the window, the x1 value will always be the width of the canvas and the y1 value the height of the canvas.

Accepted Answer

A)  context.canvas.width, context.value.height 
B)  canvas.width, canvas.height 
C)  context.width, context.height 
D)  None of the above. 
A)  context.canvas.width, context.value.height 
B)  canvas.width, canvas.height 
C)  context.width, context.height 
D)  None of the above.

Question 16

You can change the transformation matrix (the coordinates) on the canvas using method ________ so that the center of the canvas becomes the point of origin with the x, y values 0, 0.

Accepted Answer

A)  transform 
B)  transpose 
C)  translate 
D)  scale 
A)  transform 
B)  transpose 
C)  translate 
D)  scale

Question 17

If you use the ________ attribute value, the source image is displayed where the images overlap and both are opaque. Both images are transparent where there is no overlap.

Accepted Answer

A)  source-over 
B)  destination-in 
C)  source-in 
D)  xor 
A)  source-over 
B)  destination-in 
C)  source-in 
D)  xor

Question 18

The canvas element's default width is ________.

Accepted Answer

A)  300 
B)  150 
C)  0 
D)  100 
A)  300 
B)  150 
C)  0 
D)  100

Question 19

Which of the following is false

Accepted Answer

A)  If the width and height are 0, no stroke will appear. 
B)  If the width is 0, the result will be a line, not a rectangle. 
C)  If the height is 0, the result will be a line, not a rectangle. 
D)  None of the above. 
A)  If the width and height are 0, no stroke will appear. 
B)  If the width is 0, the result will be a line, not a rectangle. 
C)  If the height is 0, the result will be a line, not a rectangle. 
D)  None of the above.

Question 20

The ________ method can draw a circle to the canvas.

Accepted Answer

A)  circle 
B)  arc 
C)  arcTo 
D)  arcJoin 
A)  circle 
B)  arc 
C)  arcTo 
D)  arcJoin

Exam 14: Html5: Introduction to Canvas

The ________ attribute is used to create alpha transparency.

With the ________ attribute value, the images are transparent where they overlap and normal elsewhere.

To specify the coordinates of the rectangle, we use fillRect in which format (where w is the width, h is the height, and x and y are the coordinates of the starting point)

The ________ method can stretch a circle to create an ellipse.

Use the ________ method to draw a radial gradient to a canvas.

The ________ method draws an image to a canvas.

When drawing an arc, the sixth argument specifies ________.

________ have a starting point, an ending point and two control points through which the curve passes.

The starting point of a quadratic curve is the last subpath destination, specified using the ________ method.

Using the ________ attribute value, if the source image is opaque and the destination is transparent, the source image is displayed where the images overlap. Both images are transparent where there is no overlap.

The ________ method obtains an object that contains the pixels to manipulate.

The ________ method sets the x- and y-coordinates of the path's origin.

The ________ specifies the color of the rectangle.

The ________ method starts the path.

When resizing the canvas to fill the browser window, set the the x1 value to ________ and the y1 value to ________, so no matter the size of the window, the x1 value will always be the width of the canvas and the y1 value the height of the canvas.

You can change the transformation matrix (the coordinates) on the canvas using method ________ so that the center of the canvas becomes the point of origin with the x, y values 0, 0.

If you use the ________ attribute value, the source image is displayed where the images overlap and both are opaque. Both images are transparent where there is no overlap.

The canvas element's default width is ________.

Which of the following is false

The ________ method can draw a circle to the canvas.

Introduction to Computers and the Internet

Introduction to Html5: Part 1

Cascading Style Sheets Css

Introduction to Cascading Style Sheets

Javascript: Introduction to Scripting

Javascript: Control Statements I

Javascript: Control Statements II

Javascript: Functions

Javascript: Arrays

Javascript: Objects

Document Object Model Dom: Objects and Collections

Javascript: Event Handling

Xml

Ajax-Enabled Rich Internet Applications With Xml and Json

Web Servers Iis and Apache

Database: Sql, Mysql, Linq and Javadb

Php

Web App Development With Aspnet in C#

Web App Development With Aspnet in C#: a Deeper Look

Windows Communication Foundation Wcf Web Services in C#

Web App Development With Aspnet in Visual Basic

Web App Development With Aspnet in Vb, a Deeper Look

Windows Communication Foundation Wcf Web Services in Vb

Javaserver Faces Web Apps: Part 1

Javaserver Faces Web Apps: Part 2

Web Services in Java

Filters

When resizing the canvas to fill the browser window, set the the x1 value to and the y1 value to , so no matter the size of the window, the x1 value will always be the width of the canvas and the y1 value the height of the canvas.