SVG Interview Questions

SVG Interview Questions and Answers for Freshers.

#1 Which function is used to see the contents within the repository?

The function used to the contents of the repository is Command svn list file:///home/mysurface/repo/programming_repo

#2 What are SVG filters? List some commonly used filters?

#3 List some predefined shapes available in SVG?

Basic predefined shapes available in SVG
  • straight lines,
  • polygons,
  • circles,
  • ellipses,
  • rectangles with or without rounded corners

Also, read 15 bootstrap interview questions 2017

#4 Where you can use SVG images.

Following are few practical applications for SVG.
  • Graphs
  • Road Map
  • Complex UI elements
  • Logos and simple animated games.
  • In creating Responsive Ads.
  • Embedded Systems
  • GIS and Mapping

Further Reading About SVG:

#5 Define VRML?

VRML stands for Virtual Reality Modeling Language.It is an open Standard programming Language used for creating three-dimensional (3-D) designs and Web-based models, textures, and illusion. VRML is also known as Virtual Reality Markup Language.

#6 How to Add SVG in HTML?

You can add SVG on your webpage or HTML by using following any of following ways.
  • Using an <object> Tag
  • Using an <embed> Tag
  • Within an <iframe>
  • Using <svg> Tag
  • Using an <img> Tag
Also Prepare: Frequently Asked CSS interview questions

#7 What is SVG Stands for?

SVG stands for Scalable Vector Graphics.

#8   List major internet browsers support SVG:

  • Internet Explorer 9+
  • Firefox 4+
  • Chrome 4+
  • Safari 4+
  • Opera 9.5+

#9 What is Metadata?

Metadata is data about data. In SVG titles, descriptions, subjects, creators and other properties about the SVG image is its MetaData.

#10 What is Radial Gradients in SVG?

radialGradient is an element of SVG that allows authors to define radial gradients to fill or stroke graphical elements.It produces a ring (or rings) of color instead of stripes.Here is sample code to define an ellipse with a radial gradient from blue to red:

<svg height="150" width="500">


<radialGradient id="grad1" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">

<stop offset="0%" style="stop-color:rgb(0,0,255);

stop-opacity:0" />

<stop offset="100%" style="stop-color:(255,0,0);stop-opacity:1" />



<ellipse cx="200" cy="70" rx="85" ry="55" fill="url(#grad1)" />


#11 What is VML in SVG?

#12 Which SVG tag is used to draw any path?

#13 List few advantages and disadvantages of using SVG?

Advantages of SVG
  • Highly Scalable
  • Easy to create
  • Smaller in Size
  • Accessible DOM Node-Based API
  • Easier to create very detailed graphics

Disadvantages of SVG

  • Complex Development structure
  • Performance issues
  • Compatibility Issues
Ask a Question