SVG Interview Questions

  1. How to Add SVG in HTML?
  2. Which function is used to see the contents within the repository?
  3. What is SVG Stands for?
  4. List few advantages and disadvantages of using SVG?
  5. What is VML in SVG?
  6. List some predefined shapes available in SVG?
  7. What is Metadata?
  8. What is Radial Gradients in SVG?
  9. Define VRML?
  10.   List major internet browsers support SVG:
  11. Where you can use SVG images.
  12. What are SVG filters? List some commonly used filters?
  13. Which SVG tag is used to draw any path?
SVG Interview Questions

SVG Interview Questions and Answers for Freshers.

Download SVG Interview Questions PDF

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

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

SVG stands for Scalable Vector Graphics.
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
Basic predefined shapes available in SVG
  • straight lines,
  • polygons,
  • circles,
  • ellipses,
  • rectangles with or without rounded corners

Also, read 15 bootstrap interview questions 2017

Metadata is data about data. In SVG titles, descriptions, subjects, creators and other properties about the SVG image is its MetaData.
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)" />


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.
  • Internet Explorer 9+
  • Firefox 4+
  • Chrome 4+
  • Safari 4+
  • Opera 9.5+
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: