Re: Style-level noise generation.

On Jan 13, 2013, at 12:54 AM, "Aaron Hamilton" <aaron@correspondwith.me> wrote:

> I find increasingly that people around me (and myself) are using noise in fills; I'm wondering if anyone's considered adding this as a property such that you could add noise to fills without introducing the overhead of loading images, and generating noise which tiles well.

Yes, this was considered for two specs, either Filter Effects or CSS Images. For CSS images it would be a noise() function, which generates noise. For Filter Effects we already have FeTurbulence which could be used with the filter() functions. Both are not implemented and the first not even specified. Noise generators are very complex to specify and vary extremely depending on the way you use them.

Something that you can do today is using SVG as background image and apply an feTurbulence filter to an rectangle, with further filter operations you can modify it in nearly everything you need. This is supported in all modern browsers including IE 10.

Something that I didn't test and would just work on Firefox at the moment is using the element() function and reference an SVG filter element. I would suggest the previous way.

I can send you more information if you are interested.

Greetings,
Dirk

Received on Sunday, 13 January 2013 15:04:37 UTC