<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body><span class="vcard"><a class="email" href="mailto:felix.hassert+webkit@sevenval.com" title="Felix Hassert <felix.hassert+webkit@sevenval.com>"> <span class="fn">Felix Hassert</span></a>
</span> changed
<a class="bz_bug_link
bz_status_NEW "
title="NEW - Remove filterRes parameter from filters"
href="https://bugs.webkit.org/show_bug.cgi?id=129565">bug 129565</a>
<br>
<table border="1" cellspacing="0" cellpadding="8">
<tr>
<th>What</th>
<th>Removed</th>
<th>Added</th>
</tr>
<tr>
<td style="text-align:right;">CC</td>
<td>
</td>
<td>felix.hassert+webkit@sevenval.com
</td>
</tr></table>
<p>
<div>
<b><a class="bz_bug_link
bz_status_NEW "
title="NEW - Remove filterRes parameter from filters"
href="https://bugs.webkit.org/show_bug.cgi?id=129565#c2">Comment # 2</a>
on <a class="bz_bug_link
bz_status_NEW "
title="NEW - Remove filterRes parameter from filters"
href="https://bugs.webkit.org/show_bug.cgi?id=129565">bug 129565</a>
from <span class="vcard"><a class="email" href="mailto:felix.hassert+webkit@sevenval.com" title="Felix Hassert <felix.hassert+webkit@sevenval.com>"> <span class="fn">Felix Hassert</span></a>
</span></b>
<pre>I stumbled upon very similar problems with SVG Filters that are rendered in Safari in viewport pixels, disregarding device pixels on 'retina' devices. This was reported in <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED DUPLICATE - FilterRes SVG parameter or similar needed to set rendering resolution of filters independently of html width tag"
href="show_bug.cgi?id=124914">Bug 124914</a> and in a somewhat related discussion in <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED FIXED - -webkit-filter prevents rendering at retina scale"
href="show_bug.cgi?id=93471">Bug 93471</a>.
I am also using filterRes to get sharp images on retina images. I have a test-page attached.
The HTML is:
<img src="filtered.svg" width="400">
and filtered.svg has a width of 800px for clients with DPR=2. as soon as a filter is used in the SVG it appears blurry in the browser.
i can fix that by repeating the (desired) dimensions as filterRes in the svg:
<svg .... width="800" height="531" ...>
..
<filter filterRes="800 531" id="noop">
...
I don't know of any other workaround to make filters apply on a canvas regarding the dpr. If there is a better and more compliant way, please let me know.
However, as long as I need this workaround, I would like to discourage you to drop filterRes.
That said, I think that it is a bug in webkit, that the actual canvas size for filters is (presumably) derived from the targeted viewport area. Other browsers (Chrome and Firefox) that have already dropped filterRes support do not show this behavior. Please use the attached test-page svg-filter.tgz to verify it.</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>