Attachment 339633 Details for Bug 185343 – Test case

Test case

color-interpolation-html.html (text/html), 2.10 KB, created by Simon Fraser (smfr) on 2018-05-04 21:16:16 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Simon Fraser (smfr)

Created: 2018-05-04 21:16:16 PDT

Size: 2.10 KB

patch

obsolete

><!DOCTYPE html>
><html>
><head>
>    <meta charset="utf-8">
>    <style>
>        svg {
>        }
>        
>        
>        .test {
>            margin: 10px;
>            width: 300px;
>            height: 200px;
>            border: 10px solid blue;
>            background-color: white;
>            filter: url(#mangle);
>        }
>
>    </style>
></head>
><body>
>    <svg width="600" height="400">
>        <defs>
>            <filter id="linear-invert" color-interpolation-filters="linearRGB">
>                <feComponentTransfer>
>                    <feFuncR type="table" tableValues="0.85 0.15"/>
>                    <feFuncG type="table" tableValues="0.85 0.15"/>
>                    <feFuncB type="table" tableValues="0.85 0.15"/>
>                </feComponentTransfer>
>            </filter>
>
>            <filter id="srgb-invert" color-interpolation-filters="sRGB">
>                <feComponentTransfer>
>                    <feFuncR type="table" tableValues="0.85 0.15"/>
>                    <feFuncG type="table" tableValues="0.85 0.15"/>
>                    <feFuncB type="table" tableValues="0.85 0.15"/>
>                </feComponentTransfer>
>            </filter>
>
>            <filter id="bare-invert">
>                <feComponentTransfer>
>                    <feFuncR type="table" tableValues="0.85 0.15"/>
>                    <feFuncG type="table" tableValues="0.85 0.15"/>
>                    <feFuncB type="table" tableValues="0.85 0.15"/>
>                </feComponentTransfer>
>            </filter>
>        </defs>
>
>        <rect id="light" x="0" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#linear-invert)"/>
>        <rect id="light" x="220" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#srgb-invert)"/>
>        <rect id="light" x="440" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#bare-invert)"/>
>    </svg>
>
>    <div class="test" style="filter: url(#linear-invert)"></div>
>    <div class="test" style="filter: url(#srgb-invert)"></div>
>    <div class="test" style="filter: url(#bare-invert)"></div>
>
></body>
></html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        svg {
        }
        
        
        .test {
            margin: 10px;
            width: 300px;
            height: 200px;
            border: 10px solid blue;
            background-color: white;
            filter: url(#mangle);
        }

    </style>
</head>
<body>
    <svg width="600" height="400">
        <defs>
            <filter id="linear-invert" color-interpolation-filters="linearRGB">
                <feComponentTransfer>
                    <feFuncR type="table" tableValues="0.85 0.15"/>
                    <feFuncG type="table" tableValues="0.85 0.15"/>
                    <feFuncB type="table" tableValues="0.85 0.15"/>
                </feComponentTransfer>
            </filter>

            <filter id="srgb-invert" color-interpolation-filters="sRGB">
                <feComponentTransfer>
                    <feFuncR type="table" tableValues="0.85 0.15"/>
                    <feFuncG type="table" tableValues="0.85 0.15"/>
                    <feFuncB type="table" tableValues="0.85 0.15"/>
                </feComponentTransfer>
            </filter>

            <filter id="bare-invert">
                <feComponentTransfer>
                    <feFuncR type="table" tableValues="0.85 0.15"/>
                    <feFuncG type="table" tableValues="0.85 0.15"/>
                    <feFuncB type="table" tableValues="0.85 0.15"/>
                </feComponentTransfer>
            </filter>
        </defs>

        <rect id="light" x="0" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#linear-invert)"/>
        <rect id="light" x="220" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#srgb-invert)"/>
        <rect id="light" x="440" y="0" width="200" height="200" fill="white" stroke="blue" stroke-width="10" filter="url(#bare-invert)"/>
    </svg>

    <div class="test" style="filter: url(#linear-invert)"></div>
    <div class="test" style="filter: url(#srgb-invert)"></div>
    <div class="test" style="filter: url(#bare-invert)"></div>

</body>
</html>

Actions: View

Attachments on bug 185343: 339633 | 339756