HTML Problems and Solutions and Q&A

Question

Ask something about html and Ill answer :D

Answer 1

Explain me how SVG works… ~_~

Answer 2

Talk us also about WebGL... and Canvas too ^^

Answer 3

SVG is the opposite of pixel image which means that even if you resize it, its quality will remain constant. SVG stands for Scalable Vector Graphics. You can draw them using canvas in HTML/CSS. By doing that you are actually telling your pc how to draw the desired element and therefore the image is not drawn with pixels. Pixel images lose quality when zoomed ( you probably noticed this by yourself ;) ). However if you want to have a svg img in HTML document then just simply write:

<img src="mySvg.svg"/>

This image can be scaled to infinity and beyond, and still - its quality will remain the same :)

Answer 4

WebGL is an API (Application Programming Interface) and is used to draw 3d elements within the browser without any plugins. You can even draw them using <canvas>. Canvas is a html element (tag) in which you can draw various SVGs (Scalable Vector Graphics). Its nothing much more to it, not that i know :) you can read more here:

http://www.w3schools.com/html/html5_canvas.asp