[Webkit-unassigned] [Bug 152834] New: SVG Rectangle strokes thicker than specified, in Safari and Webkit nightly (does not impact simple lines)

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Jan 7 09:54:37 PST 2016


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

            Bug ID: 152834
           Summary: SVG Rectangle strokes thicker than specified, in
                    Safari and Webkit nightly (does not impact simple
                    lines)
    Classification: Unclassified
           Product: WebKit
           Version: WebKit Nightly Build
          Hardware: Macintosh
                OS: Mac OS X 10.11
            Status: NEW
          Severity: Major
          Priority: P2
         Component: SVG
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: andrejohn.mas at gmail.com
                CC: zimmermann at kde.org

Created attachment 268460
  --> https://bugs.webkit.org/attachment.cgi?id=268460&action=review
test-case

When a 'rect' (rectangle) is drawn in SVG I observe the stroke being thicker than specified 'stroke-width' and the equivalent specified value for a 'line'.

This is only an issue in SVG and specifying shape-rendering="crispEdges" does not help.

I have not found any work around and this impacts quality of rendered images.

I have not tested for other stroke scenarios.

SVG Sample
----------

  <!-- Line thickness as expected -->
  <svg id="svg1" style="width: 200px; height: 200px; background: white" shape-rendering="crispEdges">
      <line x1="0" x2="200" y1="20" y2="20" stroke="#000000" style="stroke-width: 1px;"></line>
      <line x1="0" x2="200" y1="40" y2="40" stroke="#000000" style="stroke-width: 2px;"></line>
  </svg>

  <!-- Line thickness does not correspond to simple lines -->
  <svg id="svg2" style="width: 200px; height: 200px; background: white" shape-rendering="crispEdges">
      <rect x="80" y="80" width="40" height="40" stroke="#000000" fill="none" style="stroke-width: 1px;"></rect>
      <rect x="70" y="70" width="60" height="60" stroke="#000000" fill="none" style="stroke-width: 2px;"></rect>
  </svg>

Browsers Tested In
------------------

I observe this behaviour:
  - Webkit nightly 2016-07-01 (MacOS X 10.11)
  - Safari 9.0.2 (MacOS X 10.11)
  - Safari and other webkit based browsers on iOS 9.2

Behaves as expected:
  - Opera 34 (MacOS X 10.11)
  - Google Chrome 43 (MacOS X 10.11)

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160107/02697f27/attachment.html>


More information about the webkit-unassigned mailing list