SVG or Canvas? Choosing between the two

HTML5 Canvas and SVG are both Web technologies that allow you to create rich graphics inside the browser, but they are fundamentally different.

New Web technologies are gaining support across browsers, with bridging solutions becoming available for those that don't, eg Rapha?l for SVG, and ExCanvas for Canvas. Even Internet Explorer has started to flirt with SVG, so we could see wider support in the future! This however causes a new problem to rear its ugly head — it has become harder to decide which technology is best for a new project.

HTML5 Canvas and SVG are both Web technologies that allow you to create rich graphics inside the browser, but they are fundamentally different. In this article we explore those differences, giving you the knowledge needed to use SVG and Canvas effectively and appropriately.

Contents:

  • Introduction
  • Scalable Vector Graphics
  • HTML 5 Canvas
  • Comparison of SVG and Canvas
  • Which one to pick?
  • Summary

Lubov Cholakova

Lubov CholakovaLubov has been with DMXzone for 8 years now, contributing to the Content and Sales departments. She is bringing high quality content in the form of daily blog updates, reviews, tutorials, news, newsletters,update emails and extensions' manuals. If you have a product that needs publicity or any other questions about the entire DMXzone community, she is the one you can contact.

See All Postings From Lubov Cholakova >>

Comments

Be the first to write a comment

You must me logged in to write a comment.