Closed
Bug 985882
Opened 10 years ago
Closed 9 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•10 years ago
|
Component: Untriaged → SVG
OS: Mac OS X → All
Product: Firefox → Core
Hardware: x86 → All
Comment 1•10 years ago
|
||
I would say it's the same in Chrome
Comment 2•10 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•10 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•10 years ago
|
Comment 4•10 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•9 years ago
|
||
fixed on trunk. don't know what did it.
Status: NEW → RESOLVED
Closed: 9 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•