Closed Bug 1188549 Opened 9 years ago Closed 5 years ago

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

Categories

(Core :: Graphics, defect)

39 Branch
Other
macOS
defect
Not set
normal

Tracking

()

RESOLVED WORKSFORME

People

(Reporter: alec, Unassigned)

References

Details

(Whiteboard: gfx-noted)

Attachments

(1 file)

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.
Summary: SVG radial gradient spreadMethod="reflect" or "repeat" renders incorrectly → SVG radial gradient spreadMethod="reflect" or "repeat" renders incorrectly with fx/fy usage
Component: Untriaged → SVG
Product: Firefox → Core
Attachment #8640432 - Attachment mime type: text/plain → image/svg+xml
OK on windows so this is a Mac only thing.
OS: Unspecified → Mac OS X
Hardware: Unspecified → Other
Component: SVG → Graphics
Routing through :jrmiuzel. He can also probably confirm the bug on OSX.
Flags: needinfo?(jmuizelaar)
Whiteboard: gfx-noted
Depends on: skia-osx
Flags: needinfo?(jmuizelaar) → needinfo?(jgilbert)

WORKSFORME on Nightly67 Mac+Intel.

Please reopen if you're still seeing this issue!

Status: UNCONFIRMED → RESOLVED
Closed: 5 years ago
Flags: needinfo?(jgilbert)
Resolution: --- → WORKSFORME
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: