Bug 20933 – Canvas fillText() using a linear or radial gradient for the fill style incorrectly renders the shadow

• Component: New Bugs
• Status: RESOLVED DUPLICATE

[John Engelhart]

The subject says it all.

Mac OS X: 10.5.4
Safari: Version 4.0 (5528.1, r36519)

Will attach a .html that clearly demonstrates the bug.

[John Engelhart]

Created attachment 23559 [details]
Simple .html that demonstrates the rendering problem

This uses an inline javascript code snippet to render some text in a canvas using .fillText().

The only difference between the PASS and FAIL canvases displayed, other than the cosmetic shadow color, is the FAIL canvas uses a radial gradient for the fillText() fillStyle.

[John Engelhart]

I just double checked the bug report and realized it might not be clear exactly what the problem is:

The shadow for both canvases are set to the exact same thing (other than the color): X and Y offset of +1, and a blur of 0px.

The FAIL convas obviously has an offset of 0, 0, not the expected 1, 1.  When using a radial gradient fill, no shadow offset values 'stick', it's always reset to 0, 0.

vvvvvv
UPDATE: This also fails for linear gradients.
^^^^^^

[Michael Lamb]

This appears to be a dup of https://bugs.webkit.org/show_bug.cgi?id=15266

[Simon Fraser (smfr)]

*** This bug has been marked as a duplicate of bug 15266 ***