Generated background image with CSS or Canvas

Question

Recently found this image:

Original size of image is more than 2MB.

I want to set to background of my project something like that.

I wonder, if it is possible to generate something like that without any image but with new web technologies like CSS3, HTML5 Canvas... or something like that?

If not, how can I reduce size without touching image width and height? is that possible?

Answer 1

It is absolutely possible with canvas.

See: http://js1k.com/2011-dysentery/demo/955

http://js1k.com/2010-first/demo/171

http://js1k.com/2011-dysentery/demo/993

There's also this particle system: http://www.mrspeaker.net/dev/parcycle/