SVG or Canvas? | SoloLearn: Learn to code for FREE!

+6

SVG or Canvas?

Which one should I learn? (the easier and simpler). thanks in advance 🙂

8/31/2018 11:32:53 PM

Abdesslam Dai

10 Answers

New Answer

+7

svg looks good always because it is scalable graphics, meaning it can stretch a million times and will still look good. you can use svg editor to make svg path. canvas drawing is great for games and animations.

+7

Depends on what kind of application you want to create. 💗 🤗🙆‍♂️

+6

i prefer canvas because things in svg are hard to make as they are made from vectors im not even sure how to make images using svg but canvas is easier and simpler as you asked and canvas can also be used to make really cool interactive content like this👇👇 https://code.sololearn.com/WajDL1WEBOL2/?ref=app

+6

svg or canvas a very intriguing doubt indeed https://code.sololearn.com/WI8NvUTDaLQH/?ref=app

+3

Read the writings of the link below then take the decision what is better for you!! https://stackoverflow.com/questions/5882716/html5-canvas-vs-svg-vs-div https://cambridge-intelligence.com/svg-versus-canvas-fight/

+3

thanks Code master AL Araf

+3

thank you Paul

+3

I think canvas are better and easyer since svg are 2d if you pefer 3D over 2D, but canvas are pixel based if you like pixlated stuff it is really your opinon, Canvas are best for making games and svgs are made for images and animations

+2

It based on previous knowledge. if you know javascript,go for canvas and if you know xml ....go for svg. if you know none of this, then go for canvas✌

+1

Pros of using Canvas: The HTML canvas is used to draw graphics that include everything from simple lines to complex graphic objects. Cons of using Canvas: Since it is pixel-based, so the quality is lost upon magnifying indefinitely. Pros of using SVG: Since it is not pixel-based, so it can be magnified infinitely with no loss of quality. Cons of using SVG: It offers several methods for drawing paths, boxes, circles, text, and graphic images. Not all images can be drawn.