[Webkit-unassigned] [Bug 258375] New: Stroke is rendering the SVG with jagged edges

[bugzilla-daemon at webkit.org]

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

            Bug ID: 258375
           Summary: Stroke is rendering the SVG with jagged edges
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: macOS 13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: maria at ionic.io
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 466779

  --> https://bugs.webkit.org/attachment.cgi?id=466779&action=review

Reproduction in a minimal environment.

# Safari SVG jagged edges

## Reproduction

Check the attached file called `index.html`

## Description

The SVG keeps rendering with jagged edges. This does not happen in Firefox or Chrome.

## Steps to reproduce

1. Add `fill: white` to the SVG to make it easier to see the jagged edges
2. Add `stroke: black` to the SVG to make it easier to see the jagged edges
3. Add `width: 32px; height: 32px;` to the SVG, the smaller the size the more the edges become jagged

## Expected behavior

The SVG should have smooth edges.

## Actual behavior

The SVG does not have smooth edges, some sections of it show jagged areas.

## Other information

The SVG renders with smooth edges on Firefox and Chrome.

-- 
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/20230621/f6c64093/attachment-0001.htm>