Use svg for rendering

[imsky]

Use svg for rendering

[imsky]

Canvas still has wider support than SVG, especially in older Firefox versions. However, I did add a SVG renderer and it looks like there is a significant speed up:

Browser	Images	Canvas	SVG	SVG speedup
Chrome 30	50	13 ops/sec	152 ops/sec	12x
Chrome 30	100	6.5 ops/sec	80.8 ops/sec	12x
Chrome 30	200	3.3 ops/sec	43.3 ops/sec	13x
Firefox 24	50	2.4 ops/sec	50 ops/sec	21x
Firefox 24	100	1.2 ops/sec	26.8 ops/sec	22x
Firefox 24	200	0.6 ops/sec	13.5 ops/sec	23x

I'll continue working on the SVG renderer and it may be included in the next version.

[ooxi]

I think going forward and releasing an SVG renderer based holder version would be great. Maybe doing it like jQuery and providing one file with canvas fallback and another without would be the way to go.

[sarim]

Yes, Its true svg support is not complete is browsers but most of them supports very basic features of svg. Creating a rectangle and a textbox is supported AFAIK.

Your test result is just "wow". 12x speedup !!!

Maybe you can push your svg experiment in another branch ? I'm temporarily using this code in one of my project now.

[imsky]

I'll push the SVG renderer as soon as the canvas fallback is implemented for older browsers.