Bug 221796
| Summary: | -webkit-mask-image does not colorize svg completely | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Yong Su <jean.timex> |
| Component: | Images | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | sabouhallawa, simon.fraser, zalan |
| Priority: | P2 | ||
| Version: | Safari 14 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
Yong Su
Go to https://jsfiddle.net/jeantimex/hp08a2vg/
-webkit-mask-image is used to colorize the svg(https://simpleicons.org/icons/elixir.svg)
Expected result:
The svg should be colorized to red color completely.
Actual result:
There are some white areas that do not get colorized completely.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Simon Fraser (smfr)
I see some uncolored areas in Firefox and Chrome too. You're seeing the borders of an <img> with no source.