Flash stage3D, Flash vector, Canvas/webGL, noWebGL tests the draw API
SVG test use multiple line tag (1 per star)
Flash bitmap raster vector shape on the fly via draw()
CSS test is a stacks of transformed div tag
None of those tests use 3D (flash stage3D and WebGL included), and the score is equal to the number of “stars” displayed at 60 fps on my computer.
I have some others ideas, like using a line algorithm for flash bitmap (BitmaData only give AA-Rect) , or draw a line with css instead of a disk and btw if you know a way to draw multiple lines in one svg tag it could be a massive boost of performance.
- Flash stage3Dscore : 8000+
- Canvas/webGLscore : 5000 FF / 7000 Edge / 8000+ Chrome
- Canvas/noWebGLscore : 3500 FF / 4000 Edge / 6500 Chrome
- Flash vectorscore : 3600
- SVGscore : 500
- Flash Bitmap+Drawscore : 300
- CSSscore : 200
My 8 years old perf test ‘flash bitmap’ vs canvas