third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/paths-data-04-t.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
   3
   4 <!--======================================================================-->
   5 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   6 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   7 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   8 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   9 <!--======================================================================-->
  10 <!-- ===================================================================== -->
  11 <!--                                                                       -->
  12 <!-- path-lines-BE-01.svg                                                  -->
  13 <!-- renamed for 1.1 suite to paths-data-04-t.svg                          -->
  14 <!--                                                                       -->
  15 <!-- Test that viewer has the basic capability to handle the <path>        -->
  16 <!-- element and data (d) attribute in combination with the moveto,        -->
  17 <!-- lineto, and closepath commands - M, L, Z, m, l, and z.                -->
  18 <!--                                                                       -->
  19 <!-- Author : Lofton Henderson, 20-Jan-2000 (from Mark Sgarlato, Adobe).   -->
  20 <!--                                                                       -->
  21 <!-- History:                                                              -->
  22 <!--  20-Jan-2000, LH, Serial#1 created.  Matches 20000110 SVG spec.       -->
  23 <!--  12-Mar-2000, LH, fix test-framing rect; ser#2                        -->
  24 <!--  03-Aug-2000, LH=" update DOCTYPE for CR DTD, 20000802" ser# .         -->
  25 <!--  29-Oct-2000, JF: add fill-rule:evenodd to two paths to get same      -->
  26 <!--                   visual result as before. Necessary because default  -->
  27 <!--                   fill-rule is now nonzero. Update to ser#3.          -->
  28 <!--                                                                       -->
  29 <!-- ===================================================================== -->
  30 <!--======================================================================-->
  31 <!--= Note. After October 2000, revision history is kept as CVS 'commit' =-->
  32 <!--= log messages, and therefore is no longer in the preceding preamble.=-->
  33 <!--======================================================================-->
  34 <svg version="1.1" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  35   <SVGTestCase xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" >
  36 <!--nav data here-->
  37                 <OperatorScript version="$Revision: 1.7 $" testname="paths-data-04-t.svg">
  38       <Paragraph>
  39 Verify the basic capability to handle the 'path' element, and its data attribute (d)
  40 in combination with the straight-line path commands.
  41 Two pairs of concentric equilateral triangles are drawn using respectively
  42 M,L,Z and m,l,z.  The shapes are identical, with one stroked and
  43 one filled.  The fill-mode default of "even-odd" means that
  44 the inner triangle is hollow.
  45       </Paragraph>
  46       <Paragraph>
  47 The rendered picture should match the reference image exactly, except for possible
  48 variations in the labelling text (per CSS2 rules).
  49       </Paragraph>
  50       <Paragraph>
  51 The test uses the 'path' element, as well as basic fill (solid primary colors),
  52 stroke (black 1-pixel lines), font-family (Arial) and font-size properties.
  53       </Paragraph>
  54     </OperatorScript>
  55   </SVGTestCase>
  56
  57         <title id="test-title">paths-data-04-t</title>
  58         <desc id="test-desc">Test that viewer has the basic capability to handle the &lt;path&gt; element and data (d) attribute in combination with the moveto, lineto, and closepath commands - M, L, Z, m, l, and z.</desc>
  59         <!--======================================================================-->
  60         <!--Content of Test Case follows...                  =====================-->
  61         <!--======================================================================-->
  62         <g id="test-body-content">
  63                 <!-- ====================================================================== -->
  64                 <!-- First Group of Triangles using M, L & Z commands ===================== -->
  65                 <!-- ====================================================================== -->
  66         <g transform="scale(1.8)">
  67 <!--            <text font-family="Arial" font-size="12"  x="160" y="14">Lines drawn with commands:</text> -->
  68                 <text font-family="Arial" font-size="12"  x="88" y="30">M, L, L, L, Z,</text>
  69                 <text font-family="Arial" font-size="12"  x="98" y="46">subpath</text>
  70                 <text font-family="Arial" font-size="12"  x="88" y="61">M, L, L, L, Z</text>
  71                 <path id="Triangle_stroke_MLZ" fill="none" stroke="#000000"  d="   M   62.00000   56.00000    L  113.96152  146.00000   L   10.03848  146.00000    L   62.00000   56.00000   Z    M   62.00000  71.00000   L  100.97114  138.50000   L   23.02886  138.50000   L   62.00000  71.00000   Z  "/>
  72                 <rect x="60.00000" y="54.00000" width="4" height="4" fill="#00C000" stroke="none" />
  73                 <rect x="111.96152" y="144.00000" width="4" height="4" fill="#00C000" stroke="none" />
  74                 <rect x="8.03848" y="144.00000" width="4" height="4" fill="#00C000" stroke="none" />
  75                 <rect x="60.00000" y="69.00000" width="4" height="4" fill="#00C000" stroke="none" />
  76                 <rect x="98.97114" y="136.50000" width="4" height="4" fill="#00C000" stroke="none" />
  77                 <rect x="21.02886" y="136.50000" width="4" height="4" fill="#00C000" stroke="none" />
  78                 <text font-family="Arial" font-size="12"  x="42" y="162">stroked</text>
  79                 <path id="Triangle_fill_MLZ" fill="#FF0000" stroke="none" fill-rule="evenodd"  d="   M  177.00000   56.00000    L  228.96152  146.00000   L  125.03848  146.00000    L  177.00000   56.00000   Z    M  177.00000  71.00000   L  215.97114  138.50000   L  138.02886  138.50000   L  177.00000  71.00000   Z  "/>
  80                 <rect x="175.00000" y="54.00000" width="4" height="4" fill="#00C000" stroke="none" />
  81                 <rect x="226.96152" y="144.00000" width="4" height="4" fill="#00C000" stroke="none" />
  82                 <rect x="123.03848" y="144.00000" width="4" height="4" fill="#00C000" stroke="none" />
  83                 <rect x="175.00000" y="69.00000" width="4" height="4" fill="#00C000" stroke="none" />
  84                 <rect x="213.97114" y="136.50000" width="4" height="4" fill="#00C000" stroke="none" />
  85                 <rect x="136.02886" y="136.50000" width="4" height="4" fill="#00C000" stroke="none" />
  86                 <text font-family="Arial" font-size="12"  x="162" y="162">filled</text>
  87         </g>
  88         </g>
  89         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.7 $</text>
  90         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
  91 </svg>
  92