Image rendering - telling the browser to TURN OFF anti-aliasing.

This is an issue I'm finding with respect to fill patterns that are defined as simple raster patterns, which are then used to fill a region by replicating and/or stretching the pattern image to fill the region.

Currently the browsers anti-alias the image - and rightly so, because it could be a continuous tone photograph (most likely), or is it a 2x2 grid of colors that is a fill pattern (less likely).

This, of course, produces very ugly renderings when we are in the 'fill pattern' case.  It would be nice to tell the browser : Don't anti-alias this when you transform it / fill with it, etc.  An image-rendering="NoAntiAlias" sort of setting (or some name that makes sense to tell the viewer to only SCALE the raster content as needed, for the perserveAspectRatio setting, and transform per the transform attribute.

As it is, what I'd like isn't what I can get.

The image on the right half is the CGM - a 4 pixel grid of 4 different colors, rendered over a rectangular area - the color pattern remains crisp and well defined.
The image on the right is what SVG does (Firefox in this case) - as it resamples and anti-aliases the 2x2 raster to fill a coordinate space.

http://i.imgur.com/BFiKipG.png


Thomas