Closed
Bug 1063516
Opened 11 years ago
Closed 11 years ago
SVG background images look blurry and have artifacts when using font-size scaling and rem units.
Categories
(Core :: General, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: annika.mueller, Unassigned)
Details
Attachments
(1 file)
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:32.0) Gecko/20100101 Firefox/32.0
Build ID: 20140825202822
Steps to reproduce:
- create a website and set global font-size of the <html> element to any non-standard value in % or px (e.g. 89% or 14px)
- use rem units for all other elements (The font-size of the <html> element now works as a global scaling factor.)
- create a div with a SVG background-image (embedded via data URI)
- set height/width in rem and set background-size to contain or cover
Actual results:
If global font-size is set to any non-standard value, SVG background-images show artifacts at the edges.
SVG background images with background-size: cover; look blurry.
Expected results:
All SVG background images should look sharp without any artifacts.
I'm not able to reproduce the issue with Aurora (FF34) and Nightly (FF35).
Could you download Aurora and confirm it's fixed on your side too?
Aurora: https://www.mozilla.org/en-US/firefox/channel/#aurora
Flags: needinfo?(annika.mueller)
|
Reporter | |
Comment 2•11 years ago
|
||
Okay, thank you for your time.
I can't reproduce it with Aurora and Nightly, so i can confirm: this has been fixed.
Flags: needinfo?(annika.mueller)
Status: UNCONFIRMED → RESOLVED
Closed: 11 years ago
Resolution: --- → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•