Domain Social Forums
What is the difference between SVG and <Canvas>? - Printable Version

+- Domain Social Forums (http://www.domainsocial.com)
+-- Forum: Development Discussions (http://www.domainsocial.com/Forum-Development-Discussions)
+--- Forum: Domain Development (http://www.domainsocial.com/Forum-Domain-Development)
+--- Thread: What is the difference between SVG and <Canvas>? (/Thread-What-is-the-difference-between-SVG-and-Canvas)

What is the difference between SVG and <Canvas>? - sinelogixtech - 09-13-2017

What is the difference between SVG and <Canvas>?

RE: What is the difference between SVG and <Canvas>? - sinelogixtech - 10-13-2017

(09-13-2017, 05:02 AM)sinelogixtech Wrote: What is the difference between SVG and <Canvas>?
SVG:
  1. Vector based (composed of shapes)
  2. Multiple graphical elements, which become the part of the DOM
  3. Modified through script and CSS
  4. Give better performance with smaller number of objects or larger surface, or both
  5. Better scalability — can be printed with high quality at any resolution
CANVAS :

  1. Raster based (composed of pixel)
  2. Single HTML element similar to <img> in behavior
  3. Modified through script only
  4. Give better performance with smaller surface or larger number of objects, or both
  5. Poor scalability — not suitable for printing on higher resolution


RE: What is the difference between SVG and <Canvas>? - saurabh mathur - 10-31-2017

SVG- SVG stands for Scalable Vector Graphics that is based upon the XML vector image and hence for two dimensional graphics with the support for interactivity and animation purpose.
CANVAS- The canvas is the element that is basically used to draw the graphics on web pages. The graphic is generally to the left and hence is created with <canvas>.