HTML Questions & Answers – Scalable Vector Graphics

This set of Basic HTML Questions and Answers focuses on “Scalable Vector Graphics”.

1. Which of the following is not the property of SVG images?
a) SVG images are scalable
b) SVG images are zoomable
c) SVG is an open standard
d) SVG images are resolution dependent
View Answer

Answer: d
Explanation: SVG images stands for Scalable Vector Graphics which are scalable, zoomable and resolution independent. SVG is an open standard.

2. _______ drawings can be dynamic and interactive.
a) Canvas based
b) SVG
c) CSS3
d) JavaScript
View Answer

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?

advertisement
advertisement
a) Path <path>
b) Rectangle <rect>
c) Circle <circle>
d) Line <lin>
View Answer
Answer: d
Explanation: SVG images stands for Scalable Vector Graphics. Path <path> is used to define path. Rectangle element draws rectangle and Circle <circle> draws circle in SVG. 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
View Answer

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.
Note: Join free Sanfoundry classes at Telegram or Youtube

5. Which element serves as a container for atomic filter operations?
a) filter
b) feimage
c) feblend
d) tref
View Answer

Answer: a
Explanation: Composition of two images together is done by a primitive filter called feblend. A filter is referenced by using the filter attribute on the target SVG element and is never renderd directly. Fetching of image data from external sources is done by feimage.

6. The __________ element must reference either an ‘altGlyphDef’ element or a ‘glyph’ element.
a) href
b) src
c) animate
d) altGlyph
View Answer

Answer: d
Explanation: Src is the URL of image. The href is Hypertext Reference which is used to link pages in html and is also an attribute for anchor tag. The altGlyph element allows sophisticated selection of the glyphs used to render its child character data.
advertisement

7. The ___________ element must reference a ‘linearGradient’ or ‘radialGradient’ element.
a) script
b) radialGradient
c) animateTransform
d) clip-Path
View Answer

Answer: b
Explanation: Script is line of command which are executed by script engine. Allowing animation to control translation, scaling or rotation is done by animateTransform element. A radialGradient lets authors define radial gradients to fill or stroke graphical elements. A clipping path is defined by clip-path element.

8. SVG also stands for Scalar Vector Graphics.
a) True
b) False
View Answer

Answer: b
Explanation: SVG stands for Scalable Vector Graphics.
advertisement

9. Which property of SVG restricts the region to which paint can be applied?
a) animateTransform
b) clip-Path
c) linearGradient
d) radialGradient
View Answer

Answer: b
Explanation: Allowing animation to control translation, scaling or rotation is done by animateTransform element. A clipping path is defined by clip-path element. A clipping path is defined with a clipPath element. A clipping path is used/referenced using the clip-path property. A radialGradient lets authors define radial gradients to fill or stroke graphical elements.

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
View Answer

Answer: b
Explanation: A colour of line, text or outline is defined by stroke element in SVG. The use element takes nodes from within the SVG document, and duplicates them somewhere else.

Sanfoundry Global Education & Learning Series – HTML.

To practice basic questions and answers on all areas of HTML, here is complete set of 1000+ Multiple Choice Questions and Answers.

If you find a mistake in question / option / answer, kindly take a screenshot and email to [email protected]

advertisement
advertisement
Subscribe to our Newsletters (Subject-wise). Participate in the Sanfoundry Certification contest to get free Certificate of Merit. Join our social networks below and stay updated with latest contests, videos, internships and jobs!

Youtube | Telegram | LinkedIn | Instagram | Facebook | Twitter | Pinterest
Manish Bhojasia - Founder & CTO at Sanfoundry
Manish Bhojasia, a technology veteran with 20+ years @ Cisco & Wipro, is Founder and CTO at Sanfoundry. He lives in Bangalore, and focuses on development of Linux Kernel, SAN Technologies, Advanced C, Data Structures & Alogrithms. Stay connected with him at LinkedIn.

Subscribe to his free Masterclasses at Youtube & discussions at Telegram SanfoundryClasses.