Closed
Bug 985882
Opened 11 years ago
Closed 10 years ago
SVG as a background-image is pixelated with transform rotate and scale applied
Categories
(Core :: SVG, defect)
Tracking
()
People
(Reporter: andrej.okonetschnikow, Unassigned)
References
()
Details
(Keywords: regression)
Attachments
(1 file)
39.36 KB,
image/png
|
Details |
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_2) AppleWebKit/537.74.9 (KHTML, like Gecko) Version/7.0.2 Safari/537.74.9
Steps to reproduce:
1. Use a HTML element with a style which uses background property with SVG image
2. Apply a CSS transform with scale and rotate to it (or container element)
This doesn't happened then the <object> is being used.
Test case: http://jsfiddle.net/nGdnM/1/
Actual results:
The presentation of the SVG becomes pixelated. The same SVG in the <object> tag remains sharp after applying the same CSS transformation.
Expected results:
SVG when used as background image should have sharp edges regardless of scale/rotate transformation.
Updated•11 years ago
|
Component: Untriaged → SVG
OS: Mac OS X → All
Product: Firefox → Core
Hardware: x86 → All
Comment 1•11 years ago
|
||
I would say it's the same in Chrome
Comment 2•11 years ago
|
||
It's definitly not the same in Chrome, I just checked OS X as well as Windows 7 (Chrome left, Firefox on the right):
https://www.dropbox.com/s/2vyskku0k9wso1e/bugzilla-985882-chrome-vs-firefox.png
Note that I increased the scale factor to 3.5 for better visibility on http://jsfiddle.net/nGdnM/2/
Comment 3•11 years ago
|
||
This looks like a regression from ff26 to ff27.
Here is a screenshot from the test case with ff26, which looks much better as it is not pixelated at all:
https://www.dropbox.com/s/coghxa8kqushqx3/bug%20985882%20ff26.png
Updated•11 years ago
|
![]() |
||
Comment 4•11 years ago
|
||
(In reply to Dieter Komendera from comment #3)
> This looks like a regression from ff26 to ff27.
>
> Here is a screenshot from the test case with ff26, which looks much better
> as it is not pixelated at all:
> https://www.dropbox.com/s/coghxa8kqushqx3/bug%20985882%20ff26.png
I have a different regression window for http://jsfiddle.net/nGdnM/2/ . Firefox27.0.1 render well.
Regression:
http://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=3d3a8f13aa66&tochange=99108bac6f2d
triggered by: Bug 923341
Blocks: 923341
status-firefox28:
--- → affected
status-firefox29:
--- → affected
status-firefox30:
--- → affected
status-firefox31:
--- → affected
Keywords: regressionwindow-wanted → regression
![]() |
||
Updated•10 years ago
|
status-firefox32:
--- → affected
status-firefox33:
--- → affected
status-firefox34:
--- → affected
status-firefox35:
--- → affected
Comment 5•10 years ago
|
||
fixed on trunk. don't know what did it.
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•