Svg Or Canvas Performance. A few times while working with an SVG from another designer we discovered that using the effects in the appearance panel such as drop shadow produced a monster base64 file that was cumbersome and expensive. SVG has better scalability.
High Performance Map Interactions Using Html5 Canvas Ed Kelley From Seatgeek Explains How Html5 Canvas And Canvas Tiles Were Used To S Html5 Canvas Html5 Map from www.pinterest.com
SVG is the default choice. SVG has better scalability. Because of that youre missing the whole point of using HTML canvas instead of SVG and losing all its performance.
The SVG performance on both pc and mac degrades significantly as the number of nodes increase across all of the browsers I tested.
However both the canvas and SVG are invariant to object sizes. Canvas has poor scalability. Another interesting point is Safaris apparent 90 frames second limit for canvas. So it can be printed with high quality at any resolution.
