text-align-01-b

42.0% of the ink matches
fail - measured over 16205 pixels carrying ink in either image.

W3C reference (context only, see #200)

W3C reference (context only, see #200)

Foxglove

Foxglove

Difference

Difference
In the difference panel, red marks pixels that differ beyond tolerance and grey marks matching content. The tinted band, where present, is the <text id="revision"> legend every test carries: it renders in a fallback font this library cannot match, so it is excluded from the comparison entirely rather than failing every test.

What this test checks

The lines in pink, 'text-anchor:none' and 'text-anchor:start', should both start from the same horizontal position (indicated by the black circle on each line) and extend to the right. The green line, 'text-anchor:middle', should be centered horizontally around the black circle. The blue line, 'text-anchor:end', should be aligned such that the end of the text meets the black circle.

View the source document at W3C