Svg Vs Div Performance. The predominance of SVG on internet content is often. SVG supports animation transparency gradients and is easily scalable without losing quality.
The Problem with SVG. Canvas rendering performance seems to degrade linearly in the number of pixels in the canvas area. These results show Chrome as a clear winner for bothCanvas and SVG performance on my windows 7 pc.
But even at a certain point 3D transforms on hundreds of DOM elements will cause that jank lost frames your seeing now with SVG elements.
The Web Performance of SVG. Canvas is the backup. If youre curious heres a raytracer application in action by Mark Webster. SVG vs Canvas.