How is the canvas tag useful in HTML5?

Question

I am a junior developer, I can’t understand how the canvas tag is useful to us? I have read many articles about this, but I cannot get the root benefit from the canvas tag.

Answer 1

Think of the difference between canvas and svg as the difference between Photoshop and Illustrator (or Gimp and Inkscape for you, OSS). One deals with bitmaps and another vector image.

With canvas, as you paint in a bitmap, you can easily blur, blur, burn, dodge images. But since this is a bitmap, you cannot easily draw a line, and then decide to reposition the line. You need to delete the old line and then draw a new line.

svg, , , , , , . , . .

. canvas javascript. . javascript , , , svg, , , C.

Answer 2

, , / 2D- HTML5 API .

, , .

Answer 3

Canvas:

• /
• 2D-
• , Microsoft Deep Zoom

, , , , . , , - , , , , - , , , .

Answer 4

.

Answer 5

, :

• gps. GPS - XML- . - , " ".
• , -, - PNG, .
• , , . ?

:

• iOS/Android CSS3 , box-shadow, , . , : http://everytimezone.com/. ipad.
• . , Paul Irish's background: http://paulirish.com/
• HTML5, Google, : http://www.20thingsilearned.com/ - " ", .

Answer 6

( ) - canvas - -, , DOM ( , DOM - , )

Of course - the canvas made some kind of animation easier and plugins, but we could do it earlier (mostly with flash). I believe that the real importance is the ability to know what is happening on the page.