What is SVG used for?

What is SVG Used for?

What is SVG?

SVG, Scalable Vector Graphics is a XML based language to characterize vector based illustrations. SVG is planned to show pictures over the web. Being vector pictures, SVG picture never loses quality regardless of how they are zoomed out or resized.

SVG pictures upholds intelligence and movement. SVG is a W3C standard. Others picture designs like raster pictures can likewise be clubbed with SVG pictures.

SVG can be embedded well with XSLT and DOM of HTML.

Hope you will know now what is SVG, let's know what is the use of it.

Use of SVG

The SVG images have many uses, we have listed some most important features or uses of its.

Utilize any content tool

You can use of any content tool or editor to make and alter SVG images. They are so many tools that you can use to edit or create svg snippets or documents.

XML based

Being SVG is XML based so the images are accessible, indexable and can be prearranged and compacted.

SVG images are versatile

As the SVG images are versatile they never loses quality regardless of how they are zoomed out or resized in any case.

Printing Quality

The SVG printing quality is very good at any goal or any resolution. The SVG images cannot reduce the quality. They are remain same as it is created.

Open Standard

The SVG is open standard or open to use anybody without ny copyrights or anything else, you can use SVG in assessments, projects etc.

The SVG has some useful Advantages as well as the disadvantages, some of listed below

Disadvantages of SVG

Being text design size is bigger then contrasted with double organized raster pictures.

Size can be huge in any event, for little picture.

How to embed SVG with HTML

<svg> element shows the beginning of SVG picture.

<svg>element's width and stature attributes characterizes the tallness and width of the SVG picture.

In below example, we've utilized a <circle> element to draw a circle.

cx and cy attribute addresses focal point of the circle. Default esteem is (0,0). r attribute addresses range of circle.

Other attribues stroke and stroke-width controls the illustrating of the circle.

Fill attribute characterizes the fill shade of the circle.

Shutting </svg> tag shows the finish of SVG picture.

Example Code