HTML Multiple Choice Questions & Answers on Scalable Vector Graphics for Freshers

1. Which of the following is/are the property of SVG images?

a) SVG images are scalable
b) SVG images are zoomable
c) SVG is an open standard
d) All of the mentioned

Answer: d

Explanation: Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation.

2. _______ drawings can be dynamic and interactive.

a) Canvas based
b) SVG
c) CSS3
d) JavaScript

Answer: b

Explanation: Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium (W3C) since 1999. SVG images and their behaviors are defined in XML text files.

3. Which of the following is the predefined shape elements that can be used by developers?

a) Path 
b) Rectangle 
c) Circle 
d) All of the mentioned

Answer: d

Explanation: All of the respective SVG elements are used to draw respective images .

 
 

4. Which element must reference a resource that can provide an image for the cursor graphic?

a) hover
b) i
c) cursor
d) fill

Answer: c

Explanation: The cursor attribute specifies the mouse cursor displayed when the mouse pointer is over an element. This attribute behaves exactly like the css cursor property except that if the browser supports the cursor element, you should be able to use it with the funciri notation.

5. Which element serves as a container for atomic filter operations.

a) filter
b) feimage
c) feblend
d) tref

Answer: a

Explanation: A filter is referenced by using the filter attribute on the target SVG element and is never renderd directly.

6. The __________ element must reference either an ‘altGlyphDef’ element or a ‘glyph’ element.

a) href
b) src
c) animate
d) altGlyph

Answer: d

Explanation: The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.

7. The ___________ element must reference a ‘linearGradient’ or ‘radialGradient’ element.

a) script
b) radialGradient
c) animateTransform
d) clip-Path

Answer: b

Explanation: radialGradient lets authors define radial gradients to fill or stroke graphical elements.

8. SVG also stands for Scalar Vector Graphics

a) True
b) False

Answer: b

Explanation: SVG stands for Scalable Vector Graphics

9. Which property of SVG restricts the region to which paint can be applied?

a) animateTransform
b) clip-Path
c) linearGradient
d) radialGradient

Answer: b

Explanation: A clipping path is defined with a clipPath element. A clipping path is used/referenced using the clip-path property.

10. Which SVG element produces the same effect as if the nodes were deeply cloned into a non-exposed DOM?

a) tref
b) use
c) stroke
d) bin

Answer: b

Explanation: The use element takes nodes from within the SVG document, and duplicates them somewhere else.