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