Attachment 196035 Details for Bug 113730 – Test case.

Test case.

zoom-fail.html (text/html), 1.53 KB, created by Hans Muller on 2013-04-01 16:18:58 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Hans Muller

Created: 2013-04-01 16:18:58 PDT

Size: 1.53 KB

patch

obsolete

><!DOCTYPE html>
><html>
><head>
><script>
>    if (window.internals)
>        window.internals.settings.setCSSExclusionsEnabled(true);
></script>
><style>
>    #shape-inside {
>        position: relative;
>        width: 500px;
>        height: 500px;
>        -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 350px, 0px 350px, 200px 175px);
>        -webkit-shape-padding: 50px;
>        font: 50px/1 Ahem, sans-serif;
>        color: green;
>    }
>
>    #shape-outline {
>        position: absolute;
>        top: 0px;
>        left: 0px;
>        width: 500px;
>        height: 500px;
>    }
></style>
></head>
><body>
>    <p>The green rectangles should lie within the inner blue outline.</p>
>    <div id="shape-inside">
>        <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
>            <polygon points="0,0 400,0 400,350 0,350 200,175" stroke="blue" fill="none"/>
>            
>            <path d="M 133.07 50 L 350 50 L 350 300 L 133.07 300  L 237.63 207.92 A 50 50 0 0 0 237.63 142.07 L 133.07 50" stroke="blue" fill="none"/>
>        </svg>
>        XXX<br/><br/>XX<br/><br/>XXX
>    </div>
></body>
></html>
>

<!DOCTYPE html>
<html>
<head>
<script>
    if (window.internals)
        window.internals.settings.setCSSExclusionsEnabled(true);
</script>
<style>
    #shape-inside {
        position: relative;
        width: 500px;
        height: 500px;
        -webkit-shape-inside: polygon(0px 0px, 400px 0px, 400px 350px, 0px 350px, 200px 175px);
        -webkit-shape-padding: 50px;
        font: 50px/1 Ahem, sans-serif;
        color: green;
    }

    #shape-outline {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 500px;
        height: 500px;
    }
</style>
</head>
<body>
    <p>The green rectangles should lie within the inner blue outline.</p>
    <div id="shape-inside">
        <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
            <polygon points="0,0 400,0 400,350 0,350 200,175" stroke="blue" fill="none"/>
            <!--
                In the expressions below, a is the angle the reflex edges make with the x axis:
                a = Math.atan2(175, 200)

                The X coordinate of the first (and last) inner path vertex is:
                x = 50 / Math.tan(a) + 50 / Math.sin(a);

                The X coordinates and y coordinate of the arc's endpoints are 
                x = 200 +/- 50 * Math.sin(a);
                y = 175 + 50 * Math.sin(a);
            -->
            <path d="M 133.07 50 L 350 50 L 350 300 L 133.07 300  L 237.63 207.92 A 50 50 0 0 0 237.63 142.07 L 133.07 50" stroke="blue" fill="none"/>
        </svg>
        XXX<br/><br/>XX<br/><br/>XXX
    </div>
</body>
</html>

Actions: View

Attachments on bug 113730: 196035 | 196181 | 196183 | 197172 | 197351