Bug 65792 – translateZ(0) causes 'fuzzy' display <img> with SVG source

• Status: UNCONFIRMED
• Component: Images

[Michael O'Rourke]

Created attachment 103118 [details]
Simple example for the bug

The attached zip contains a HTML and SVG file. The HTML includes the SVG content in two separate <img> tags.

The only difference between the two <img> tags is that the second (the right image) has translateZ(0) specified.

This causes a fuzzy display of the image.

The problem does not exist in Firefox 5 or IE 9.

[Alexey Proskuryakov]

Is this limited to text, as in the example? In that case, this looks like a duplicate of bug 23364.

[Michael O'Rourke]

No, this isn't just about text.

In the file, there are two columns. The first (i.e. 'Actual') is live SVG text. The second (i.e. 'Expected') is actually outlines of the text saved as paths in the SVG.

Both columns get incorrectly displayed.

[Michael O'Rourke]

I have some additional information.

This issue seems to be related to subpixel placement. In the HTML file the SVG content is being moved with 'translate(3px, 5.45px)'. If the '5.45' is changed to '5' or '6' then the problem doesn't happen.

[Simon Fraser (smfr)]

The test case is very confusing. Are you using SVG fonts here? And rather than "Actual' and "Expected", please label the columns with what they really are.

[Tim Horton]

Created attachment 103259 [details]
Lion/Safari5.1

Also, can you attach a screenshot of what it looks like for you?

[Michael O'Rourke]

Created attachment 103260 [details]
Example display in Chrome 13.0.782.107 on Win7-64bit