I am not familiar with Svg and canvas. Could anyone elaborate the usage of the two?

Question

I want to create dynamic animations for my site. I learnt from somewhere that svg images could be used to produce animations but unfortunately I ended up learning nothing about the same.

I wonder if you could teach me this art through examples.

Answer 1

SVG, as Canvas, is a new feature of Html5...
Both are complementary, and handle their content very differently:

SVG handle vector graphics, as Canvas handle bitmaps.
SVG compose image with element accessible through DOM, while Canvas comes with a JS api for drawing on surface of element.
SVG can handle bitmaps, but isn't design for that puropose, and conversely, Canvas can handle vectors graphics, but isn't adapted too...

A third specialized container for drawing exist also with html5, designed for handle 3D through another specialized JS api: WebGL...

Answer 2

It sounds cool 😀

Answer 3

Oh sorry about that... I am new to this platform and don't know much about it.
I was checking what does that tick mark do but I failed. 😂😂

Answer 4

DOM is a headache for me.
Well, thanks for introducing a new element to me. 😊

Answer 5

DOM is not heck ^^

It stand for Document Object Model, and is the internal data structure handling a web document content (html page) in an object oriented model ;)

Answer 6

I know DOM and I can use it as well.
What I was talking about is "WebGL".

Answer 7

WebGL is quite heck ;P ... and it would be advised to handle it through ready made libraries/frameworks ^^

Answer 8

Haha
Yeah since it works with 3D animations, it might be complicated to manage with the code 😂😂

Answer 9

I will try to learn it 😊
Have you ever used it in your code?

Answer 10

Can I ask you why you set and immediatly unset the 'best answer' mark to my first answer?

Answer 11

WebGL use OpenGL 3d language description, which is hard to dive in and master... It's not impossible, but will require much time even for basics (there's near to none basics, as 3d coding needs a wide range of 'basics' making them complicated... but powerful of these language come also from the ability to low level handling ;))

Answer 12

No: I'm stand to lazy (and have other topics to master) still now, even to take time to learn some related frameworks/libraries (all the more as I love low level coding/handling from scratch and reinvent the wheel :P)...