[Webkit-unassigned] [Bug 255734] New: Svg masks are rendered with the wrong resolution

[bugzilla-daemon at webkit.org]

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

            Bug ID: 255734
           Summary: Svg masks are rendered with the wrong resolution
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jespertheend at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

https://svg-mask-resolution.glitch.me/

The above page displays three circles:
1. A normal black <ellipse>
2. A red <rect> with an <ellipse> set via mask="url(#myMask)"
3. Same as #2 but in front of a regular black <ellipse>

On non high dpi displays, this page is the same in all browsers.
But when viewed on a high dpi display, or when zooming in (either via pinch zoom or Cmd +/-) the masks are not rendered with the correct resolution.

For the circle in the middle this can be seen by the jagged edges.
The right circle suffers from the same issue, but here it is even worse because now the black edge around it is much more visible.
Note that the black edge is also visible in other browsers, but in safari it is much more noticable due to this issue.

-- 
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/20230420/82e72821/attachment.htm>