Closed
Bug 1427778
Opened 6 years ago
Closed 6 years ago
Using an svg linear gradient as a mask no longer works
Categories
(Core :: SVG, defect, P3)
Tracking
()
RESOLVED
FIXED
| Tracking | Status | |
|---|---|---|
| firefox-esr52 | --- | unaffected |
| firefox-esr60 | --- | wontfix |
| firefox57 | --- | wontfix |
| firefox58 | --- | wontfix |
| firefox59 | --- | wontfix |
| firefox60 | --- | wontfix |
| firefox61 | --- | fixed |
| firefox62 | --- | unaffected |
| firefox63 | --- | unaffected |
| firefox64 | --- | unaffected |
| firefox65 | --- | unaffected |
People
(Reporter: johnattanbarona, Assigned: bas.schouten)
References
Details
(Keywords: regression)
Attachments
(1 file, 1 obsolete file)
|
440 bytes,
image/svg+xml
|
Details |
reporter's testcase
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36 Steps to reproduce: Implemented an svg linear gradient as mask to give a faded look to part of shape. <svg width= "660" height="220"> <defs> <linearGradient id="gradient"> <stop offset="0" stop-color="white" stop-opacity="0.25"/> <stop offset="1" stop-color="white" stop-opacity="1"/> </linearGradient> <mask id="gradientMask"> <rect x="0" y="0" width="210" height="210" fill="url(#gradient)"/> </mask> </defs> <circle cx="110" cy="110" r="100" fill="#9c6" mask="url(#gradientMask)"/> <svg> Actual results: Image is completely opaque. Expected results: Image was suppose to be 25% opaque on the left and fully opaque on the right.
|
Reporter | |
Comment 1•6 years ago
|
||
Example can be found at vanseodesign.com/web-design/svg-masking-examples-1
|
||
Comment 2•6 years ago
|
||
|
|
||
Updated•6 years ago
|
Attachment #8939611 -
Attachment mime type: text/plain → image/svg+xml
| Comment hidden (obsolete) |
|
|
||
Updated•6 years ago
|
Attachment #8939611 -
Attachment mime type: image/svg+xml → text/plain
|
|
||
Comment 4•6 years ago
|
||
Attachment #8939611 -
Attachment is obsolete: true
|
|
||
Updated•6 years ago
|
Attachment #8939616 -
Attachment mime type: text/plain → image/svg+xml
|
|
||
Comment 5•6 years ago
|
||
Seems fine on a Mac on Firefox 57. We may need a windows regression range
Keywords: regressionwindow-wanted
OS: Unspecified → Windows
|
||
Updated•6 years ago
|
Status: UNCONFIRMED → NEW
status-firefox57:
--- → wontfix
status-firefox58:
--- → fix-optional
status-firefox59:
--- → affected
status-firefox-esr52:
--- → unaffected
Ever confirmed: true
|
|
||
Comment 6•6 years ago
|
||
Regression Window: https://hg.mozilla.org/integration/mozilla-inbound/pushloghtml?fromchange=6b534147049e9a4afaa3320712d824dc9563ac67&tochange=7fb451a4d22c87e7de74be4c169c85601bdb938e Regressed by: Bug 1359527 :mchang is inactive... :bas.schouten, Can you look into this?
|
Assignee | |
Comment 7•6 years ago
|
||
Erm, I only reviewed part of this, but since Mason is gone and Jeff is busy I'll try to have a look.
Assignee: nobody → bas
Status: NEW → ASSIGNED
Flags: needinfo?(bas)
|
||
Updated•6 years ago
|
|
|
||
Updated•6 years ago
|
|
||
Comment 9•6 years ago
|
||
Fwiw, the testcase looks fine to me on Linux. Does the bug still occur on Windows?
Flags: needinfo?(alice0775)
|
|
||
Comment 10•6 years ago
|
||
yes, it is fixed. No longer reproduce the issue since Firefox61 windows10.
Status: ASSIGNED → RESOLVED
Closed: 6 years ago
status-firefox63:
--- → unaffected
status-firefox64:
--- → unaffected
status-firefox65:
--- → unaffected
Flags: needinfo?(alice0775)
Resolution: --- → FIXED
|
|
||
Comment 11•6 years ago
|
||
Great, thanks Alice. We should try to add a WPT / reftest for this so we catch it if it breaks again.
Flags: in-testsuite?
|
|
||
Comment 12•6 years ago
|
||
Fixed by : 458c07cbe94b Lee Salzman — Bug 1448667 - use ColorMatrix effect instead of LuminanceToAlpha effect for DrawTargetD2D1::IntoLuminanceSource. r=bas
You need to log in
before you can comment on or make changes to this bug.
Description
•