JavaScript Canvas

The video tutorial introduces the JavaScript canvas, a powerful tool for drawing in 2D or 3D within a web browser. It covers setting up the canvas element, drawing lines and shapes, and creating a simple drawing application. The tutorial also delves into using JavaScript for canvas interaction, including event handling and advanced techniques. The canvas is presented as a versatile tool for expanding web capabilities, offering a different world in JavaScript for creative implementations.

What is the primary purpose of the canvas element in JavaScript?

• To draw graphics

• To create forms

• To style web pages

• To manage databases

How do you obtain a reference to a canvas element in JavaScript?

• document.getElementByTagName('canvas')

• document.getElementByClass('canvas')

• document.querySelector('canvas')

• document.getElementById('myCanvas')

Which method is used to move the drawing pen to a new position on the canvas?

• lineTo()

• moveTo()

• drawTo()

• positionTo()

What is the result of setting the canvas width and height to the browser window's dimensions?

• The canvas covers the entire window

• The canvas size is fixed

• The canvas becomes invisible

• The canvas becomes scrollable

Which function is used to start a new path for drawing shapes like circles?

• initPath()

• beginPath()

• startPath()

• newPath()

What feature allows users to change the color of the line in the drawing application?

• Palette selector

• Line editor

• Color picker

• Brush tool

How can the canvas content be saved in the application?

• By copying to clipboard

• By saving as a text file

• By exporting as a PDF

• By using a data URL object

What does the drawing flag indicate in the canvas application?

• Whether the canvas is cleared

• Whether the canvas is visible

• Whether the mouse is over the canvas

• Whether drawing is currently active

Which event is used to track the movement of the mouse on the canvas?

• onMouseHover

• onMouseMove

• onMouseClick

• onMouseEnter

What happens when the mouse button is released in the drawing application?

• The canvas is cleared

• The drawing flag is set to false

• The color changes to default

• The line width is reset