Skip to main content

Fundamentals of Front End Development MCQs with Answers

Practice important Fundamentals of Front End Development MCQs with answers and explanations.

Multiple Choice Questions

Q1521: In the linear gradient example, what is the start position of the gradient?
  • A: (0,0)
  • B: (10,10)
  • C: (0,200)
  • D: (200,0)
View Answer
A

Q1522: What does the method createRadialGradient(x,y,r,x1,y1,r1) define?
  • A: The start and end points of a gradient
  • B: The start and end points of a radial gradient
  • C: The colors used in a gradient
  • D: The color stops of a gradient
View Answer
B

Q1523: How many color stops are used in the radial gradient example?
  • A: 1
  • B: 2
  • C: 3
  • D: 4
View Answer
B

Q1524: What method is used to draw filled text on a canvas?
  • A: fillText
  • B: strokeText
  • C: drawText
  • D: setText
View Answer
A

Q1525: What property defines the font properties for text on a canvas?
  • A: font
  • B: text
  • C: style
  • D: color
View Answer
A

Q1526: How do you draw text without filling it on a canvas?
  • A: strokeText
  • B: fillText
  • C: drawText
  • D: setText
View Answer
A

Q1527: In the code example, what is the font size used for drawing text?
  • A: 20px
  • B: 25px
  • C: 30px
  • D: 35px
View Answer
C

Q1528: What method is used to set the font for text in HTML5 Canvas?
  • A: setFont
  • B: font
  • C: textStyle
  • D: fontSize
View Answer
B

Q1529: In the code example, what is the position of the text on the canvas?
  • A: (10,50)
  • B: (50,10)
  • C: -10100
  • D: (100,10)
View Answer
A

Q1530: Fill in the blank: To draw text on a canvas with no fill, you use the method ______.
  • A: strokeText
  • B: fillText
  • C: drawText
  • D: setText
View Answer
A

Test Your Knowledge

Take a timed quiz on Fundamentals of Front End Development

🚀 Start Quiz Now