What is the difference between SVG and HTML5 Canvas?

Hello folks,

What is the difference between SVG and HTML5 Canvas?


Best Scrubs Pants for Men | Newspaper Ad Agency in Jaipur

html 5 canvas you can say best option

Differences Between SVG and Canvas. SVG is a language for describing 2D graphics in XML. Canvas draws 2D graphics, on the fly (with a JavaScript). SVG is XML based, which means that every element is available within the SVG DOM.

Newspaper Ad Agency in Delhi

SVG stand for Scalable Vector Graphics.....svg is an XML-based vector image format for two dimensional graphics...SVG images and their behaviors are defined in XML text files....SVG is an open standard developed by world wide contribution.....since 1999 coming to the HTML 5 canvas
<canvas> is an one of the element in html .....this element is used for to draw graphics on the fly .....via java script ..... Canvas has several methods for drawing boxes, paths, text, and circles,adding images.

ISO Certification in Philippines

OHSAS 18001 Consultant in Philippines

Which one is better?

You could say SVG is an equivalent of HTML, but for graphics. It is a markup language that developers use to describe 2D vector graphics. SVG is based on XML and works with other web standards (such as CSS and DOM) just fine.

Images in SVG are created and saved as XML text files using any text editor you prefer. That makes it possible to search and index them as well. However, you have to remember to save the files with a .svg extension.


Newspaper Ad Agency in Delhi

Hi Friends,
SVG gives better performance with smaller number of objects or larger surface. Canvas gives better performance with smaller surface or larger number of objects. SVG is vector based and composed of shapes. Canvas is raster based and composed of pixel.