Javascript Graphics and Rendering MCQ

The HTML img element is used to include images on web pages.
The image link is included using the src tag.

Image replacement is a technique that designers can use to meet accessibility requirements while using image-based typesetting.
Image replacement is commonly used to implement image rollovers, in which an image changes when the mouse pointer moves over it.

We refer to JavaScript as obtrusive when the amount of code is so large that it effectively obscures the HTML.
Unobtrusive JavaScript, on the other hand, is a best practise methodology for attaching JavaScript to the front-end of a website.

To find all img elements in the document, the best option is document.image[]. [index] specifies the index of the img tag to be selected.

The audio tag includes methods such as play(), pause(), and so on./p>

A controls attribute is supported by both audio and video.
It specifies that audio controls should be displayed when present.
A controls attribute is supported by both audio and video.

There is no breadth property in the video tag.
The width and height properties define the video's width and height.

The HTMLAudioElement interface provides access to audio> element properties as well as methods for manipulating them.
It is based on the HTMLMediaElement interface.
The Audio() function Object() { [native code] } accepts any file type that contains audio to be played as a parameter.

The function valueOf() { [native code] }() method returns a number's primitive value.
In the preceding example, the value of num would be 98.

The code snippet you provided is a simple JavaScript function called "myFunction". This function performs the following actions:

1. The first line inside the function declares a variable called "num" and assigns it the value of the result of the mathematical expression 3 + 2, which is 5.

2. The next line declares a variable called "n" and assigns it the value of the primitive value of the "num" variable by calling the valueOf() method.

3. The final line uses the JavaScript DOM method getElementById() to select the HTML element with the id "demo" and then sets the innerHTML property of that element to the value of the "n" variable.

4. The function does not call itself and it need to call it to execute the code, for example myFunction()

In this case, when the function is called it will select the HTML element with the id "demo" and set its innerHTML to the value of the variable "n", which is 5. So, the output will be 5 in the element with id "demo" on the web page.

The toPrecision() method formats a number to the length specified.
To create the specified length, a decimal point and nulls are added (if necessary).

The code snippet creates an HTML paragraph element with an id of "demo". A function named "myFunction" is defined. Inside this function, a variable named "num" is declared and assigned the value of 13.3714.

The next line uses the DOM method "getElementById" to access the element with the id of "demo" and assigns its innerHTML the value of the "num" variable passed through the "toPrecision()" method. The "toPrecision()" method is a built-in JavaScript function that rounds a number to a specified number of digits. In this case, it is set to 3, so the number 13.3714 will be rounded to 13.4 and displayed inside the "demo" paragraph element.

When the function is called, it will execute these statements and display the rounded number on the webpage.

This method uses language-specific formatting to convert a number to a string. In this example, we use the "fi-FI" value to specify the FINLAND locale number format.

Positive infinity is represented by the POSITIVE INFINITY property. Positive infinity is defined as something greater than any other number.

The HTML canvas element is used in JavaScript to draw graphics on the fly.
The canvas element is nothing more than a container for graphics.
The canvas element does not have its own appearance, but it creates a drawing surface within the document and exposes a powerful drawing API to client-side JavaScript.

The canvas element is not supported by Internet Explorer prior to IE9, but it can be fairly well emulated in IE6, 7, and 8.
Chrome version 4 and Firefox version 2 support it.

If the context identifier is not supported, the HTMLCanvasElement.getContext() method returns a drawing context on the canvas, otherwise it returns null.
The majority of the Canvas drawing API is defined not on the canvas element itself, but on a "drawing context" object obtained via the canvas's getContext() method.

Get a CanvasRenderingContext2D object by calling getContext() with the argument "2d."
This object can be used to draw two-dimensional graphics into the canvas.
It is critical to recognise that the canvas element and its context object are two distinct objects.

SVG is an abbreviation for 'Scalable Vector Graphics,' which is used to define graphics for the Web.
SVG is primarily used for vector diagrams such as two-dimensional graphs in an X, Y coordinate system, pie charts, and so on.
Complex shapes are described by SVG as a "path" of lines and curves that can be drawn or filled.

The beginPath() method either starts or resets a path.
It is invoked prior to the creation of any path or curve.

The closePath() method joins the last vertex to the first, forming a path. It connects the last and first points, resulting in a closed figure.

The colour, gradient, or pattern used to fill the drawing is set or returned by the fillStyle property.
The strokeStyle property sets or returns the stroke colour, gradient, or pattern.
The canvas object does not have a property called lineSize.

shadowBlur is used to determine whether shadows are crisp or fuzzy. The blur level for shadows is set or returned by the shadowBlur property.

The saved coordinate system is restored by invoking the canvas object's restore() method.
The restore() method clears the canvas by "popping" the most recently saved state from the stack.

It is in charge of displaying the web page.
The rendering engine parses the HTML and CSS and displays the content that has been parsed on the screen.
A Rendering Engine is commonly used to parse and draw all of the objects on a page.

The JavaScript Engine is commonly used to interpret JavaScript.
It is used to interpret the javascript and run it on the web page.

HTTP is a protocol that enables the retrieval of resources such as HTML documents.
It is the foundation of all data exchange on the Internet and a client-server protocol, which means that requests are initiated by the recipient, which is usually the Web browser.
HTTP requests are handled by the network layer.

The user interface layer is the Web Client's front end, and it contains the actual GUI elements that users see and click.
The User Interface is handled by the UI Layer.

WebKit is a browser engine that powers Apple's Safari browser and other applications.
Webkit is the layout or rendering engine for Android devices, as well as mobile Safari for iOS devices and the Silk browser on Kindle Fires.
It is your target for most mobile web development.

Gecko is the name given to the Mozilla Project's layout engine.
Gecko was created at Netscape before the Mozilla Project was formed in 1997 as the successor to the original Netscape rendering engine.

Rendering Engine interprets HTML code into what you see visually.
HTML is rendered by more than just browsers, including email clients and web components in other applications.

SpiderMonkey is a JavaScript engine written in C and C++ by Mozilla.
It is used in several Mozilla products, including Firefox, and is free and open source under the MPL2. SpiderMonkey is the Mozilla JavaScript engine that is used in Firefox.