Last Comment Bug 506548 - Mechanism to improve quality of text content rotated using CSS transform
: Mechanism to improve quality of text content rotated using CSS transform
Status: NEW
:
Product: Core
Classification: Components
Component: Graphics (show other bugs)
: Trunk
: x86 Windows XP
-- enhancement with 2 votes (vote)
: ---
Assigned To: Nobody; OK to take it and work on it
:
: Milan Sreckovic [:milan]
Mentors:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2009-07-26 08:54 PDT by Biju
Modified: 2015-02-17 06:09 PST (History)
7 users (show)
See Also:
Crash Signature:
(edit)
QA Whiteboard:
Iteration: ---
Points: ---
Has Regression Range: ---
Has STR: ---


Attachments
rotate.html (1006 bytes, text/html)
2009-07-26 08:54 PDT, Biju
no flags Details
RotateWin.png (88.57 KB, image/png)
2009-07-26 12:45 PDT, Biju
no flags Details
RotateLinux.png (75.14 KB, image/png)
2009-07-26 12:47 PDT, Biju
no flags Details
RotateWin.png (41.61 KB, image/png)
2009-07-26 12:54 PDT, Biju
no flags Details
Screenshot when D3D is enabled (34.58 KB, image/png)
2010-04-22 10:50 PDT, Daniel Kirsch
no flags Details

Description User image Biju 2009-07-26 08:54:23 PDT
Created attachment 390725 [details]
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 User image Biju 2009-07-26 12:45:54 PDT
Created attachment 390736 [details]
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 User image Biju 2009-07-26 12:47:01 PDT
Created attachment 390737 [details]
RotateLinux.png
Comment 3 User image Biju 2009-07-26 12:54:58 PDT
Created attachment 390738 [details]
RotateWin.png

clear one
https://developer.mozilla.org/en/CSS/-moz-transform
Comment 4 User image Daniel Kirsch 2010-04-22 10:50:09 PDT
Created attachment 440815 [details]
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

Note You need to log in before you can comment on or make changes to this bug.