third_party/WebKit/LayoutTests/svg/stroke/zero-length-path-linecap-rendering.svg

   1 <svg id="svg-root" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2   <g id="test-body-content">
   3     <!-- This test should produce 12 columns, each with 3 rows, with each cell size 50x50                     -->
   4     <!-- There should be a solid grey rectangle behind the table.                                             -->
   5     <!-- The 1st row should be empty. All the paths here have zero length and butt linecaps.                  -->
   6     <!-- The 2nd row should consist of green circles. All the paths here have zero length and round linecaps. -->
   7     <!-- The 3rd row should consist of green squares. All the paths here have zero length and square linecaps.-->
   8
   9     <def>
  10         <g id="CheckCircles">
  11             <circle cx="25" cy="75" r="20" fill="red" />
  12             <rect x="5" y="105" width="40" height="40" fill="red" />
  13         </g>
  14     </def>
  15
  16     <rect x="0" y="0" width="600" height="150" fill="grey" />
  17
  18     <g id="column-1-single-move-tests">
  19         <circle cx="25" cy="75" r="20" fill="green" />
  20         <rect x="5" y="105" width="40" height="40" fill="green" />
  21
  22         <path d="M 25 25" stroke="red" stroke-width="40" stroke-linecap="butt" />
  23         <path transform="translate(25,75)" d="M 0 0" stroke="red" stroke-width="40" stroke-linecap="round" />
  24         <path d="M 25 125" stroke="red" stroke-width="40" stroke-linecap="square" />
  25     </g>
  26
  27     <g id="column-2-close-move-tests" transform="translate(50, 0)">
  28         <use xlink:href="#CheckCircles" />
  29
  30         <path d="M 25 25 z" stroke="red" stroke-width="40" stroke-linecap="butt" />
  31         <path transform="translate(25,75)" d="M 0 0 z" stroke="green" stroke-width="40" stroke-linecap="round" />
  32         <path d="M 25 125 z" stroke="green" stroke-width="40" stroke-linecap="square" />
  33     </g>
  34
  35     <g id="column-3-horizontal-tests" transform="translate(100, 0)">
  36         <use xlink:href="#CheckCircles" />
  37
  38         <path d="M 25 25 h 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  39         <path transform="translate(25,75)" d="M 0 0 H 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  40         <path d="M 25 125 h 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  41     </g>
  42
  43     <g id="column-4-vertical-tests" transform="translate(150, 0)">
  44         <use xlink:href="#CheckCircles" />
  45
  46         <path d="M 25 25 v 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  47         <path transform="translate(25,75)" d="M 0 0 V 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  48         <path d="M 25 125 v 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  49     </g>
  50
  51     <g id="column-5-line-tests" transform="translate(200, 0)">
  52         <use xlink:href="#CheckCircles" />
  53
  54         <path d="M 25 25 l 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  55         <path transform="translate(25,75)" d="M 0 0 L 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  56         <path d="M 25 125 l 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  57     </g>
  58
  59     <g id="column-6-cubic-tests" transform="translate(250, 0)">
  60         <use xlink:href="#CheckCircles" />
  61
  62         <path d="M 25 25 c 0 0 0 0 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  63         <path transform="translate(25,75)" d="M 0 0 C 0 0 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  64         <path d="M 25 125 c 0 0 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  65     </g>
  66
  67     <g id="column-7-smooth-cubic-tests" transform="translate(300, 0)">
  68         <use xlink:href="#CheckCircles" />
  69
  70         <path d="M 25 25 s 0 0 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  71         <path transform="translate(25,75)" d="M 0 0 S 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  72         <path d="M 25 125 s 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  73     </g>
  74
  75     <g id="column-8-quadratic-tests" transform="translate(350, 0)">
  76         <use xlink:href="#CheckCircles" />
  77
  78         <path d="M 25 25 q 0 0 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  79         <path transform="translate(25,75)" d="M 0 0 Q 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  80         <path d="M 25 125 q 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  81     </g>
  82
  83     <g id="column-9-quadratic-tests" transform="translate(400, 0)">
  84         <use xlink:href="#CheckCircles" />
  85
  86         <path d="M 25 25 t 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  87         <path transform="translate(25,75)" d="M 0 0 T 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  88         <path d="M 25 125 t 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  89     </g>
  90
  91     <g id="column-10-arc-tests-sweep-1" transform="translate(450, 0)">
  92         <use xlink:href="#CheckCircles" />
  93
  94         <path d="M 25 25 a 20 20 90 0 1 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
  95         <path transform="translate(25,75)" d="M 0 0 A 20 20 90 0 1 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
  96         <path d="M 25 125 a 20 20 90 0 1 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
  97     </g>
  98
  99     <g id="column-11-arc-tests-sweep-0" transform="translate(500, 0)">
 100         <use xlink:href="#CheckCircles" />
 101
 102         <path d="M 25 25 a 20 20 90 0 0 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
 103         <path transform="translate(25,75)" d="M 0 0 A 20 20 90 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
 104         <path d="M 25 125 a 20 20 90 0 0 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
 105     </g>
 106
 107     <g id="column-12-arc-tests-zero-rad" transform="translate(550, 0)">
 108         <use xlink:href="#CheckCircles" />
 109
 110         <path d="M 25 25 a 0 0 90 0 1 0 0" stroke="red" stroke-width="40" stroke-linecap="butt" />
 111         <path transform="translate(25,75)" d="M 0 0 A 0 0 90 0 1 0 0" stroke="green" stroke-width="40" stroke-linecap="round" />
 112         <path d="M 25 125 a 0 0 90 0 1 0 0" stroke="green" stroke-width="40" stroke-linecap="square" />
 113     </g>
 114   </g>
 115 </svg>