<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>Bug ID</th>
<td><a class="bz_bug_link
bz_status_NEW "
title="NEW - Incorrect rendering of SVG masks in WebKit-GTK"
href="https://bugs.webkit.org/show_bug.cgi?id=146217">146217</a>
</td>
</tr>
<tr>
<th>Summary</th>
<td>Incorrect rendering of SVG masks in WebKit-GTK
</td>
</tr>
<tr>
<th>Classification</th>
<td>Unclassified
</td>
</tr>
<tr>
<th>Product</th>
<td>WebKit
</td>
</tr>
<tr>
<th>Version</th>
<td>528+ (Nightly build)
</td>
</tr>
<tr>
<th>Hardware</th>
<td>Unspecified
</td>
</tr>
<tr>
<th>OS</th>
<td>All
</td>
</tr>
<tr>
<th>Status</th>
<td>NEW
</td>
</tr>
<tr>
<th>Severity</th>
<td>Normal
</td>
</tr>
<tr>
<th>Priority</th>
<td>P2
</td>
</tr>
<tr>
<th>Component</th>
<td>WebKit Gtk
</td>
</tr>
<tr>
<th>Assignee</th>
<td>webkit-unassigned@lists.webkit.org
</td>
</tr>
<tr>
<th>Reporter</th>
<td>bob@bob131.so
</td>
</tr></table>
<p>
<div>
<pre>Created <span class=""><a href="attachment.cgi?id=255375" name="attach_255375" title="An example of a misrendered SVG shield">attachment 255375</a> <a href="attachment.cgi?id=255375&action=edit" title="An example of a misrendered SVG shield">[details]</a></span>
An example of a misrendered SVG shield
I originally opened a ticket for this at <a href="https://github.com/badges/shields/issues/479">https://github.com/badges/shields/issues/479</a> believing it to be an issue with the generated SVG, but was advised otherwise.
The issue as explained above is that SVG gradient masks are rendered as being opaque when running applications using WebKit-GTK bindings. Just to be thorough, I've tested this on the following browsers:
* Epiphany (GNU/Linux: GNOME 3.14, GNOME 3.16)
* Midori (GNU/Linux, Windows)
* dwb (GNU/Linux)
The only QtWebKit browser I tried was rekonq in GNOME shell 3.16, in which SVGs from shields.io rendered correctly.</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>