Jump to content

HTML 5 Canvas vs. SVG Graphics Which is better?

TorontoMediaDesigner's Photo
Posted Nov 08 2011 07:36 AM
3773 Views

I am trying to wrap my head around which method would be best or recommended. Yesterday I was reading up on SVG graphics and today I was reading about HTML 5 canvas. I noticed that in the tutorial on W3C Schools they drew a circle using HTML 5 canvas http://www.w3schools...5_canvas_circle

and they have another example of drawing the same circle using SVG http://www.w3schools.../svg_circle.asp

What I would like to know is that if code is suppose to be optimized and SVG seems to use less code - than it appears that SVG would be the way to go.

I'm not experienced in using either so my question is which one is better? or recommended? and why? What are the limitations and or benefits from using one over the other?

Thanks!

Tags:
0 Subscribe


2 Replies

0
  TorontoMediaDesigner's Photo
Posted Nov 08 2011 08:51 AM

I just had this question answered in another area. Here is what was provided to me for anyone else that is interested in this quesiton.

Here's a good article http://dev.opera.com...etween-the-two/

And we advise you don't pay too much attention to w3schools tutorials. They're very often wrong. See http://w3fools.com/ for reasons.

Happy coding!
0
  sandrajustin's Photo
Posted Jan 10 2012 04:11 AM

I don't know about it anything But I think every particular thing or language have their own place.