519472 - [mac][10.5] Rotated text element with gradient is incorrectly rendered

Status: NEW

(Core :: Graphics, defect)

Description

[adeveria]

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.1.3) Gecko/20090824 Firefox/3.5.3

Any <text> element that is transformed with a rotation and has a gradient fill  set has its character positioned incorrectly.

Without rotation or with rotation but without a gradient fill works fine, just not the combination of the two.

Reproducible: Always

Steps to Reproduce:
1. Create an SVG file using any editor
2. Make sure you include a text element, rotate it, and give it a gradient
3. Open the file in Firefox 3.5/Mac OS X

Actual Results:  
The individual characters are positioned incorrectly

Expected Results:  
The characters should appear as they would if they did not use a gradient fill.

Comment 1

[Robert Longson [:longsonr]]

Please attach an example SVG file using the Add an attachment facility.

Comment 2

[adeveria]

Attachment: SVG image showing two rotated text elements, one with and one without gradient

Comment 3

[Robert Longson [:longsonr]]

This works OK on windows even with 3.5.

Does it work with a trunk or 1.9.2 nightly? If so it's probably fixed by bug 507939 and should be marked worksforme.

Comment 4

[adeveria]

Attachment: Bug as it appears in Gecko 1.9.2 on OS X 10.5

Comment 5

[adeveria]

Attachment: Bug as it appears in Gecko 1.9.3 on OS X 10.5

Comment 6

[adeveria]

As you can tell by the attachments, it fails in both 1.9.2 and 1.9.3 nightlies (and only Mac builds).

Comment 8

[adeveria]

Bug still exists in Gecko 2.0b5 / Mac. Would be nice if this could be confirmed at least...

Comment 9

[Daniel Holbert [:dholbert]]

WORKSFORME on Linux:
Mozilla/5.0 (X11; Linux i686; rv:2.0b7pre) Gecko/20100929 Firefox/4.0b7pre

(the gradient text & normal text don't cross for me, as they do in your screenshots)

So perhaps this is mac-only?

Comment 10

[Daniel Holbert [:dholbert]]

Ok, confirmed on my mac, on Firefox 3.6 & latest mozilla-central:
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.5; en-US; rv:1.9.2.10) Gecko/20100914 Firefox/3.6.10
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.5; rv:2.0b7pre) Gecko/20100929 Firefox/4.0b7pre

Comment 11

[Daniel Holbert [:dholbert]]

Possibly a cairo bug?

Comment 12

[adeveria]

Yup, Mac only. Thanks Daniel. :)

Comment 13

[Robert Longson [:longsonr]]

Adeveria, If you can produce a testcase using canvas you might find there's a better chance it will get fixed.

Comment 14

[adeveria]

Attachment: Testcase for bug in HTML5 Canvas element.

Like in the SVG test case, each character glyph on rotated text with a gradient is positioned incorrectly.

Comment 15

[Robert Longson [:longsonr]]

Lets try Core->Graphics then.

Comment 16

[Daniel Holbert [:dholbert]]

Interesting... Both testcases are WFM on my mac mini at work, which is running OS X 10.6.4, but it's broken on the mac mini that I have at home, which is running 10.5.  (It looks like adeveria is running 10.5 too, based on his UA string in comment 0.)

So this seems to be limited to OS X 10.5.

Comment 17

[Robert Longson [:longsonr]]

It may well be a bug in Apple's Core graphics then rather than Cairo even.

Comment 18

[adeveria]

I also just noticed that Safari 5 also has a rendering bug here, though in its case the SVG text appears skewed (canvas demo is unaffected).

Good to know it works in 10.6, guess that makes this less of a priority.