Mechanism to improve quality of text content rotated using CSS transform

NEW
Unassigned

Status

()

Core
Graphics
--
enhancement
8 years ago
2 years ago

People

(Reporter: Biju, Unassigned)

Tracking

Trunk
x86
Windows XP
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(4 attachments, 1 obsolete attachment)

(Reporter)

Description

8 years ago
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.
(Reporter)

Comment 1

8 years ago
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.
(Reporter)

Comment 2

8 years ago
Created attachment 390737 [details]
RotateLinux.png
(Reporter)

Comment 3

8 years ago
Created attachment 390738 [details]
RotateWin.png

clear one
https://developer.mozilla.org/en/CSS/-moz-transform
Attachment #390736 - Attachment is obsolete: true

Comment 4

7 years ago
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
You need to log in before you can comment on or make changes to this bug.