transform rotate and box-shadow degrades the image

NEW
Unassigned

Status

()

defect
P3
normal
6 years ago
2 years ago

People

(Reporter: christophe, Unassigned, NeedInfo)

Tracking

({regression})

19 Branch
x86_64
All
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [gfx-noted])

Attachments

(4 attachments)

(Reporter)

Description

6 years ago
Posted file BugMozCSS3.rar
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:22.0) Gecko/20100101 Firefox/22.0 (Beta/Release)
Build ID: 20130618035212

Steps to reproduce:

On Linux 64b and Windows 32b  Versions, ( work fine on Mac version )

A picture who is resize and rotate when i am on it .
i add the box-shadow to add an effect .

The css : 

box-shadow: 0px 0px 10px #000;

-webkit-transform: scale(3) rotate(90deg);  /* Chrome, Safari 3.1+ */
-moz-transform: scale(3) rotate(90deg);  /* Firefox 3.5+ */
-ms-transform: scale(3) rotate(90deg);  /* IE 9 */
-o-transform: scale(3) rotate(90deg);  /* Opera 10.50-12.00 */
transform: scale(3) rotate(90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */

z-index: 9999;

A complete example is attached to this message


Actual results:

the image is rotated and resized, but the image is highly degraded.


Expected results:

The image must stay with the same quality after the transformations.

Comment 1

6 years ago
Posted image linux.jpg

Comment 2

6 years ago
Posted image charts.png

Comment 4

6 years ago
STR:
1) Open the testcase
2) Hover the pictures

Result: When the picture is displayed only 1 time in the webpage, the thumbnail and the transformed picture are blurry when box-shadow is applied.


Regression range:
good=2012-10-17
bad=2012-10-18
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=dac5700acf8b&tochange=cb573b9307e5

Suspected bug: bug 795940
Status: UNCONFIRMED → NEW
Ever confirmed: true
Version: 22 Branch → 19 Branch

Comment 5

6 years ago
Regression window with force image.high_quality_downscaling.enabled=true
Good:
http://hg.mozilla.org/integration/mozilla-inbound/rev/eda2891c545b
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/18.0 Firefox/18.0 ID:20120928090936
Bad:
http://hg.mozilla.org/integration/mozilla-inbound/rev/92530b29ac24
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:18.0) Gecko/18.0 Firefox/18.0 ID:20120928100437
Pushlog:
http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=eda2891c545b&tochange=92530b29ac24
Regressed by: Bug 486918
Blocks: 486918
Component: Untriaged → ImageLib
OS: Linux → All
Product: Firefox → Core

Updated

6 years ago
Blocks: 795940

Comment 6

5 years ago
Bug 1060200 that landed in FF35 has modified the rendering of the testcase.
Now, the graph thumbnail is blurry and the rotated images too in both cases.
Blocks: 1060200
Does this still reproduce?
Flags: needinfo?(christophe)
Whiteboard: [gfx-noted]

Comment 8

3 years ago
Works for me on 45.3.0ESR, 49.0RC4 and Nightly52.0a1 on Windows10 as well

Comment 9

3 years ago
It's fixed, both images are not blurry anymore, even if there is a very small difference between both.
You need to log in before you can comment on or make changes to this bug.