Bug 11889 – Support stroking and filling of text in HTML using CSS

• Component: CSS
• Status: RESOLVED FIXED

[Dave Hyatt]

Four new properties:

text-fill-color - Set the color to use when filling text.  If not set uses color.
text-stroke-color - Set the color to use when stroking text.  If not set uses color.
text-stroke-width - Set the width of the stroke.  If 0, no stroke happens.  Can take thin/medium/thick keywords to allow for a width that will auto-scale with the font size.
text-stroke - Shorthand for both text-stroke-* properties

[Dave Hyatt]

Created attachment 11928 [details]
Patch to implement this functionality

Here it is.  Note that this is vaguely similar to a draft CSS3 property called text-outline, but I wanted to impelment a text-stroke property just for our engine that will match precisely the CG behavior for text stroking.

[Dave Hyatt]

Created attachment 11929 [details]
Add a layout test and fix a couple of bugs mitz noticed

Added a layout test.

Comment on attachment 11929 [details]
Add a layout test and fix a couple of bugs mitz noticed

r=me
+            int strokeOverflow = rt->style()->textStrokeWidth() / 2 + 1;

Should be the other way around (add then divide).

[Mark Rowe (bdash)]

This was landed by Dave in r18340.

[Ian 'Hixie' Hickson]

Might be worth considering repurposing the SVG properties here, on the long term.