layout/reftests/svg/viewBox-valid-01.svg

Thu, 15 Jan 2015 21:03:48 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Thu, 15 Jan 2015 21:03:48 +0100
branch
TOR_BUG_9701
changeset 11
deefc01c0e14
permissions
-rw-r--r--

Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)

     1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
     2      xmlns:xlink="http://www.w3.org/1999/xlink">
     3   <title>Testing valid values for |viewBox| attribute</title>
     4   <defs>
     5     <rect id="redRect"  fill="red"  height="20" width="20"/>
     6     <rect id="limeRect" fill="lime" height="10" width="10"/>
     7   </defs>
     8   <rect fill="lime" height="100%" width="100%"/>
    10   <!-- SUMMARY: Each <svg> subdocument below has a valid viewBox.  If we honor
    11        the valid viewBox (ignoring typos), that will make us scale the <use>'d
    12        limeRect to appear as big as than the redRect, and we'll have no red
    13        showing (and we'll pass the test). -->
    15   <!-- First row: no commas at all -->
    16   <g transform="translate(0, 0)">
    17     <g transform="translate(0, 0)">
    18       <use xlink:href="#redRect"/>
    19       <svg width="20" height="20" viewBox="0 0 10 10">
    20         <use xlink:href="#limeRect"/>
    21       </svg>
    22     </g>
    23     <g transform="translate(40, 0)">
    24       <use xlink:href="#redRect"/>
    25       <svg width="20" height="20" viewBox=" 0 0 10 10">
    26         <use xlink:href="#limeRect"/>
    27       </svg>
    28     </g>
    29     <g transform="translate(80, 0)">
    30       <use xlink:href="#redRect"/>
    31       <svg width="20" height="20" viewBox="0 0 10 10 ">
    32         <use xlink:href="#limeRect"/>
    33       </svg>
    34     </g>
    35     <g transform="translate(120, 0)">
    36       <use xlink:href="#redRect"/>
    37       <svg width="20" height="20" viewBox="  0   0    10     10      ">
    38         <use xlink:href="#limeRect"/>
    39       </svg>
    40     </g>
    41   </g>
    42   <!-- Second row: some commas -->
    43   <g transform="translate(0, 40)">
    44     <g transform="translate(0, 0)">
    45       <use xlink:href="#redRect"/>
    46       <svg width="20" height="20" viewBox="0,0 10 10">
    47         <use xlink:href="#limeRect"/>
    48       </svg>
    49     </g>
    50     <g transform="translate(40, 0)">
    51       <use xlink:href="#redRect"/>
    52       <svg width="20" height="20" viewBox="0 0,10 10">
    53         <use xlink:href="#limeRect"/>
    54       </svg>
    55     </g>
    56     <g transform="translate(80, 0)">
    57       <use xlink:href="#redRect"/>
    58       <svg width="20" height="20" viewBox="0 0 10,10">
    59         <use xlink:href="#limeRect"/>
    60       </svg>
    61     </g>
    62     <g transform="translate(120, 0)">
    63       <use xlink:href="#redRect"/>
    64       <svg width="20" height="20" viewBox="0,0,10,10">
    65         <use xlink:href="#limeRect"/>
    66       </svg>
    67     </g>
    68   </g>
    69   <!-- Third row: commas & whitespace mixed -->
    70   <g transform="translate(0, 80)">
    71     <g transform="translate(0, 0)">
    72       <use xlink:href="#redRect"/>
    73       <svg width="20" height="20" viewBox="0,  0 10 10">
    74         <use xlink:href="#limeRect"/>
    75       </svg>
    76     </g>
    77     <g transform="translate(40, 0)">
    78       <use xlink:href="#redRect"/>
    79       <svg width="20" height="20" viewBox="0 0  ,  10 10">
    80         <use xlink:href="#limeRect"/>
    81       </svg>
    82     </g>
    83     <g transform="translate(80, 0)">
    84       <use xlink:href="#redRect"/>
    85       <svg width="20" height="20" viewBox="0 0 10   ,10">
    86         <use xlink:href="#limeRect"/>
    87       </svg>
    88     </g>
    89     <g transform="translate(120, 0)">
    90       <use xlink:href="#redRect"/>
    91       <svg width="20" height="20" viewBox="  0  ,0,  10,10  ">
    92         <use xlink:href="#limeRect"/>
    93       </svg>
    94     </g>
    95   </g>
    96 </svg>

mercurial