Full version, Basic version

Specification link: 11.7 Rendering properties

painting-fill-05-b ← index → pservers-grad-01-b

# painting-render-01-b
SVG Image | PNG Image
painting-render-01-b.svg Test color interpolation property. Basic test of color-interpolation property. default (sRGB) sRGB linearRGB $Revision: 1.7 $ |

This tests shows the same linear gradient used with different values for the color-interpolation rendering property. The top bar is painted using the default color-interpolation value, which should produce the same result as sRGB. The middle bar is painted using the 'sRGB' color-interpolation and should be the same as the top bar. Finally, the bottom bar is painted using the linearRGB interpolation, which produces a result visibly different from the top two bars: the white to blue ramp is whiter, the blue to red ramp goes through a pinkish color and the red to yellow ramp turns orange before the similar sRGB rampl.

The rendered picture should match the reference image, except for possible variations in the labelling text (per CSS2 rules).

The test uses the 'rect' element, the 'circle' element, the 'line' element, the 'linearGradient' element and basic rendering properties such as stroke (black 1-pixel lines), font-family (Arial) and font-size properties. The test also uses transforms.

painting-fill-05-b ← index → pservers-grad-01-b