Author Topic: Give some of the difference between SVG & <Canvas>? (Read 45 times)

mizganmasani · « **on:** July 30, 2017, 11:44:43 pm »

Give some of the difference between SVG & <Canvas>?

Kajal · « **Reply #1 on:** July 31, 2017, 06:56:24 am »

<Canvas> is an element that manipulates two-dimensional (2D) pixels while Scalable Vector Graphics works in 2D and three-dimensional (3D) vectors. Essentially, <Canvas> is to SVG as Photoshop is to Illustrator.

travelowebseo · « **Reply #2 on:** September 11, 2017, 01:53:24 am »

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. You can attach JavaScript event handlers for an element. In SVG, each drawn shape is remembered as an object.

Hexton Bee Company · « **Reply #3 on:** October 14, 2019, 01:15:19 pm »

The<canvas> element is a container for graphics. 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.

Digital Marketing Forum, Dofollow Forum, SEO, SMO, Web Development and Design Forum

News:

Author Topic: Give some of the difference between SVG & <Canvas>? (Read 45 times)

mizganmasani

Give some of the difference between SVG & <Canvas>?

Kajal

Re: Give some of the difference between SVG & <Canvas>?

travelowebseo

Re: Give some of the difference between SVG & <Canvas>?

Hexton Bee Company

Re: Give some of the difference between SVG & <Canvas>?