<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body text="#000099" bgcolor="#ffffff">
<p><font size="-1"><font face="Verdana">Hello!<br>
</font></font></p>
<p><font size="-1"><font face="Verdana">Sometimes I get blurry icons
that I've added as OpenLayers.Feature.Vector overlays (with
the "image" property). I'm not sure about the conditions, but
I've got it a few times with FF3, but cannot reproduce at the
moment with IE7, although I know that on another computer the
same problem was observed also in IE.<br>
</font></font></p>
<p><font size="-1"><font face="Verdana">I've discovered that when
the image is blurry, the feature is rendered within a SVG
element <g> which has a "transform" attribute containing
"translate" to non-integer values. If I round them to integers
in Firebug, the blur disappears. (And after I move the map a
bit, the "translate" values change, and again to non-integer
ones (with each move the fractional part becomes very
different from the previous one), and the images get blurry
again. In another case when the images are sharp, the
translate properties were integer values and kept being
integer values after each map move.)<br>
</font></font></p>
<p><font size="-1"><font face="Verdana">In the SVG renderer's
translate method, the x and y parameters usually seems to
always be non-integer but almost-integer values like
66.99999999932061 (which appears completely integer values in
the resulting svg object in Firebug, for some reason), however
after panning to some position, it may become also
less-integer, which might be when the trouble might start.
That's only my guess.<br>
</font></font></p>
<p><font size="-1"><font face="Verdana">I would try just rounding
the x and y values within the renderer's translate method, but
I don't know how it works all together and if that is correct
or the best way to go about it. Also, I still haven't tracked
down what exactly is causing the blur in IE, as it would use
the VML renderer instead.<br>
</font></font></p>
<p><font size="-1"><font face="Verdana">Janis<br>
<br>
</font></font></p>
</body>
</html>