1188549 - SVG radial gradient spreadMethod="reflect" or "repeat" renders incorrectly with fx/fy usage

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Alecazam]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/44.0.2403.125 Safari/537.36

Steps to reproduce:

This isn't fixed on the mozilla url describing the spreadMethod feature.  
  https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Gradients

But it does appear to work here:
  http://www.w3.org/Graphics/SVG/Test/20061213/htmlObjectHarness/full-pservers-grad-14-b.html


Here's the reduced test case of failure.  FF looks different with focus fx/fy values.
  Chrome looks correct.  Safari sadly ignores spreadMethod entirely.  Tested on OSX.

<svg width="220" height="220" version="1.1" xmlns="http://www.w3.org/2000/svg">
  <defs>
      <!-- repeat case not correct in FF either, doesn't match Chrome with fx,fy  -->
      <radialGradient id="GradientReflect"
            cx="0.5" cy="0.5" r="0.4" fx="0.75" fy="0.75"
            spreadMethod="reflect">
        <stop offset="0%" stop-color="red"/>
        <stop offset="100%" stop-color="blue"/>
      </radialGradient>
  </defs>
  <rect x="120" y="120" rx="15" ry="15" width="100" height="100" fill="url(#GradientReflect)"/>
  <text x="125" y="140" fill="white" font-family="sans-serif" font-size="12pt">Reflect</text>
</svg>



Actual results:

SpreadMethod doesn't look like reference image from the mozilla docs on the feature.


Expected results:

SpreadMethod should look like the reference image.

Comment 1

[Robert Longson [:longsonr]]

Attachment: reporter's testcase

Comment 2

[Robert Longson [:longsonr]]

OK on windows so this is a Mac only thing.

Comment 3

[Kelsey Gilbert [:jgilbert]]

Routing through :jrmiuzel. He can also probably confirm the bug on OSX.

Comment 4

[Kelsey Gilbert [:jgilbert]]

WORKSFORME on Nightly67 Mac+Intel.

Please reopen if you're still seeing this issue!