Recently i found the raphael’s library which is amazing.
For example this:
When I checked the code I was shocked(in a positive way).
It didn’t used HTML5 canvas or any extra divs like here (which a don’t like)
My question is: How exactly this works in detail? Is pixel manipulation? What is the basic rendering code?
Thank you!
Primarily it uses SVG which is an XML-like markup to represent vectors. For < IE9 browsers, I think it uses VML which is a deprecated vector mark-up that IE still supports.
SVG/VML are forms of vector graphics. They shapes represented by mathematical formulas. This makes them suitable for scalable graphics since formulas recalculated when scaled, maintaining sharp edges, unlike raster graphics which pixelate.