506548 - Mechanism to improve quality of text content rotated using CSS transform

Status: RESOLVED WORKSFORME

(Core :: Graphics, enhancement)

Description

[Biju]

Attachment: rotate.html

http://lists.w3.org/Archives/Public/www-style/2009Jul/0135.html

In Firefox trunk on WinXP (Safari also), the text content rendered using -moz-transform looks ugly than same content screen captured as PNG then rotated using CSS transform.

Which in turn still not good as rotated text in MS-Visio or other similar tools.

I also tried it with 
  text-rendering:  geometricPrecision ;
  text-rendering:  optimizeLegibility ;
  image-rendering: optimizeQuality;
  image-rendering: -moz-crisp-edges;
still no improvement. 

So we need a mechanism to improve quality of text content rotated using CSS transform. May be a new -moz CSS property and/or value.

Comment 1

[Biju]

Attachment: RotateWin.png

This issue and Bug 506549 (Jiggling on mouse selection) is only a major problem in windows. On Linux it looks fine.

Comment 2

[Biju]

Attachment: RotateLinux.png

Comment 3

[Biju]

Attachment: RotateWin.png

clear one
https://developer.mozilla.org/en/CSS/-moz-transform

Comment 4

[Daniel Kirsch]

Attachment: Screenshot when D3D is enabled

When enable D3D the result is much better but still not sharp.

To enable D3D (on Windows Vista/7) set prefs:
gfx.font_rendering.directwrite.enabled = true
mozilla.widget.render-mode = 6

Comment 5

[Gregory Pappas [:gregp]]

Glenn, do you think its safe to close this bug? I can't see any issues with the rotate.html test case.