[Webkit-unassigned] [Bug 257258] New: SVG feConvolveMatrix filter not working in iOS and sometimes on MacOS

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=257258

            Bug ID: 257258
           Summary: SVG feConvolveMatrix filter not working in iOS and
                    sometimes on MacOS
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: ranbuch at gmail.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

I'm using this SVG filter on a canvas element like this:

HTML:
<svg id="svg" style="display:none">    <filter id="Sharpen"> <feConvolveMatrix order="3 3" preserveAlpha="true" kernelMatrix="1 -1 1 -1 -1 -1 1 -1 1" mode="multiplay"></feConvolveMatrix> </filter>  </svg>

<canvas></canvas>
CSS:
canvas {
    filter: url(#Sharpen);
}

Here is an example:
https://v.hexa3d.io/index.html?load=%2Fviews%2Fproduction%2Fitem%2F2023419%2F8854183846513425%2F8854183846513425.glb&autorotate=true&json-data=1683117626476&decrypt=1&tv=147&br=true&webp=1&watermark=1&pp-sharpen=3
For comparison, this is the same experience without the filter:
https://v.hexa3d.io/index.html?load=%2Fviews%2Fproduction%2Fitem%2F2023419%2F8854183846513425%2F8854183846513425.glb&autorotate=true&json-data=1683117626476&decrypt=1&tv=147&br=true&webp=1&watermark=1

You can see it's working well on MacOS with Chrome. You can also see it's working well on MacOS Safari this example:
https://360.hexa3d.io/?path=//360.hexa3d.io/views/20230523/ec938f417bcf464b80e3f540fc025186/&last=299&suffix=webp&sharpen=3
For comparison, this is the same experience without the filter:
https://360.hexa3d.io/?path=//360.hexa3d.io/views/20230523/ec938f417bcf464b80e3f540fc025186/&last=299&suffix=webp

The last example doesn't work on iOS though (both Safari and Chrome). You will see the effect eventually if you will stop the experience from rotating because we are applying the filter with javascript.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230524/3e4f7253/attachment.htm>