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

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--======================================================================-->
   3 <!--=  Copyright 2000 World Wide Web Consortium, (Massachusetts          =-->
   4 <!--=  Institute of Technology, Institut National de Recherche en        =-->
   5 <!--=  Informatique et en Automatique, Keio University). All Rights      =-->
   6 <!--=  Reserved. See http://www.w3.org/Consortium/Legal/.                =-->
   7 <!--======================================================================-->
   8 <!-- ===================================================================== -->
   9 <!-- paths-data-10-t.svg                                                   -->
  10 <!--                                                                       -->
  11 <!-- Test that the view distinguishes between a path that is closed with   -->
  12 <!-- a Z (or z) command from a path whose start point and end point happen -->
  13 <!-- to coincide.  The viewer should recongize the difference and stroke   -->
  14 <!-- them differently based upon the stroke-linecap and stroke-linejoin    -->
  15 <!-- attributes.                                                           --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Tiny//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-tiny.dtd">
  16
  17 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" baseProfile="tiny" id="svg-root" width="100%" height="100%" viewBox="0 0 480 360">
  18     <SVGTestCase xmlns:testcase="http://www.w3.org/2000/02/svg/testsuite/description/" xmlns="http://www.w3.org/2000/02/svg/testsuite/description/" reviewed="YES" reviewer="CN" owner="SH" desc="tests paths with         closepath vs. same start and end point" status="accepted" version="$Revision: 1.13 $" testname="$RCSfile: paths-data-10-t.svg,v $">
  19                 <OperatorScript>
  20                         <Paragraph>
  21                 Verify that the viewer renders the line caps and line joins for
  22                 open and closed paths properly.
  23                 Verify that the open triangular paths are stroked differently at
  24                 ends of the path than they are at their intermediate corners.
  25                 In contrast, the corners of a closed path should all appear the
  26                 same.
  27                         </Paragraph>
  28                         <Paragraph>
  29                                 The rendered picture should match the reference image, except for possible
  30                                 variations in the labelling text (per CSS2 rules).
  31                         </Paragraph>
  32         </OperatorScript>
  33     </SVGTestCase>
  34         <title id="test-title">paths-data-10-t</title>
  35     <desc id="test-desc">Test that viewer correctly handles the stroking of open and closed &lt;path&gt; elements</desc>
  36         <!--======================================================================-->
  37         <!--Content of Test Case follows...                  =====================-->
  38     <!--======================================================================-->
  39         <g id="test-body-content">
  40                 <!-- ====================================================================== -->
  41         <!-- -->
  42                 <!-- ====================================================================== -->
  43         <g transform="translate(10,10)">
  44             <text font-family="Arial" font-size="18" x="10" y="20">open</text>
  45             <text font-family="Arial" font-size="18" x="10" y="38">join=round</text>
  46             <text font-family="Arial" font-size="18" x="10" y="56">cap=butt</text>
  47             <text font-family="Arial" font-size="18" x="10" y="74">M, L</text>
  48             <g transform="translate(115,0)">
  49                 <path id="triangle-01" fill="green" stroke="red" stroke-width="15" stroke-linecap="butt" stroke-linejoin="round" d="M 100 0 L 100 80 0 40 100 0"/>
  50             </g>
  51         </g>
  52         <g transform="translate(10,115)">
  53             <text font-family="Arial" font-size="18" x="10" y="20">open</text>
  54             <text font-family="Arial" font-size="18" x="10" y="38">join=bevel</text>
  55             <text font-family="Arial" font-size="18" x="10" y="56">cap=round</text>
  56             <text font-family="Arial" font-size="18" x="10" y="74">m, l</text>
  57             <g transform="translate(115,0)">
  58                 <path id="triangle-02" fill="green" stroke="red" stroke-width="15" stroke-linecap="round" stroke-linejoin="bevel" d="m 100 0 l 0 80 -100 -40 100 -40"/>
  59             </g>
  60         </g>
  61         <g transform="translate(10,220)">
  62             <text font-family="Arial" font-size="18" x="10" y="20">open</text>
  63             <text font-family="Arial" font-size="18" x="10" y="38">join=miter</text>
  64             <text font-family="Arial" font-size="18" x="10" y="56">cap=square</text>
  65             <text font-family="Arial" font-size="18" x="10" y="74">M, L</text>
  66             <g transform="translate(115,0)">
  67                 <path id="triangle-03" fill="green" stroke="red" stroke-width="15" stroke-linecap="square" stroke-linejoin="miter" d="M 100 0 L 100 80 0 40 100 0"/>
  68             </g>
  69         </g>
  70         <g transform="translate(250,10)">
  71             <text font-family="Arial" font-size="18" x="125" y="20">closed</text>
  72             <text font-family="Arial" font-size="18" x="125" y="38">join=round</text>
  73             <text font-family="Arial" font-size="18" x="125" y="56">cap=butt</text>
  74                         <text font-family="Arial" font-size="18" x="125" y="74">M, L, Z</text>
  75             <g transform="translate(0,0)">
  76                 <path id="triangle-04" fill="green" stroke="red" stroke-width="15" stroke-linecap="butt" stroke-linejoin="round" d="M 0 0 L 100 40 0 80 Z"/>
  77             </g>
  78         </g>
  79         <g transform="translate(250,115)">
  80             <text font-family="Arial" font-size="18" x="125" y="20">closed</text>
  81             <text font-family="Arial" font-size="18" x="125" y="38">join=bevel</text>
  82             <text font-family="Arial" font-size="18" x="125" y="56">cap=round</text>
  83                         <text font-family="Arial" font-size="18" x="125" y="74">m, l, z</text>
  84             <g transform="translate(0,0)">
  85                 <path id="triangle-05" fill="green" stroke="red" stroke-width="15" stroke-linecap="round" stroke-linejoin="bevel" d="m 0 0 l 100 40 -100 40 z"/>
  86             </g>
  87         </g>
  88         <g transform="translate(250,220)">
  89             <text font-family="Arial" font-size="18" x="125" y="20">closed</text>
  90             <text font-family="Arial" font-size="18" x="125" y="38">join=miter</text>
  91             <text font-family="Arial" font-size="18" x="125" y="56">cap=square</text>
  92             <text font-family="Arial" font-size="18" x="125" y="74">M, L, Z</text>
  93             <g transform="translate(0,0)">
  94                 <path id="triangle-06" fill="green" stroke="red" stroke-width="15" stroke-linecap="square" stroke-linejoin="miter" d="M 0 0 L 100 40 0 80 Z"/>
  95             </g>
  96         </g>
  97         </g>
  98
  99         <text id="revision" x="10" y="340" font-size="40" stroke="none" fill="black">$Revision: 1.13 $</text>
 100         <rect id="test-frame" x="1" y="1" width="478" height="358" fill="none" stroke="#000000"/>
 101 </svg>