[Webkit-unassigned] [Bug 273992] New: Svg rendering for stroke-dasharray is different across browsers

[bugzilla-daemon at webkit.org]

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

            Bug ID: 273992
           Summary: Svg rendering for stroke-dasharray is different across
                    browsers
           Product: WebKit
           Version: Other
          Hardware: Unspecified
               URL: https://yuanchuan.dev/fun-with-stroke-dasharray
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karlcow at apple.com
                CC: sabouhallawa at apple.com, zimmermann at kde.org

Created attachment 471354

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

rendering in safari, firefox, chrome

Go to https://yuanchuan.dev/fun-with-stroke-dasharray

Scroll to Hearts at the corners and notice the difference of rendering in between Firefox, Chrome and Safari.
The top left corner heart is rounded.



The code example is written in a special syntax provided by https://css-doodle.com/svg/

svg {
  viewBox: 0 0 10 10 p 2;
  rect {
    width, height: 10;
    fill: none;
    stroke: #000;
    stroke-linecap: round;
    stroke-dasharray: 4 6;
    stroke-dashoffset: 2;
    stroke-width: 4;
  }
}

To verify if this can be converted into an isolated svg file.

-- 
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/20240510/7347fc57/attachment-0001.htm>