layout/reftests/svg/polyline-points-invalid-01.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
   2   <title>Testing invalid values for |points| attribute</title>
   3   <style>
   4     polyline {
   5       fill: red;
   6       stroke: lime;
   7       stroke-width: 4;
   8    }
   9   </style>
  10   <rect fill="lime" height="100%" width="100%"/>
  11
  12   <!-- First row: Initial comma(s) -->
  13   <g transform="translate(0, 0)">
  14     <polyline points=",0,0 10,20 20,0"    />
  15     <polyline points=",,0,0 10,20 20,0"   transform="translate( 40, 0)"/>
  16     <polyline points=", ,0,0 10,20 20,0"  transform="translate( 80, 0)"/>
  17     <polyline points=", 0,0 10,20 20,0"   transform="translate(120, 0)"/>
  18     <polyline points=",,, 0,0 10,20 20,0" transform="translate(160, 0)"/>
  19   </g>
  20   <!-- Second row: Trailing comma(s) -->
  21   <g transform="translate(0, 40)">
  22     <polyline points="0,0 10,20 20,0" />
  23     <polyline points="0,0 10,20 20,0,"                                 style="fill: lime;" />
  24     <polyline points="0,0 10,20 20,0"     transform="translate( 40, 0)"/>
  25     <polyline points="0,0 10,20 20,0 ,"   transform="translate( 40, 0)" style="fill: lime;" />
  26     <polyline points="0,0 10,20 20,0"     transform="translate( 80, 0)"/>
  27     <polyline points="0,0 10,20 20,0,,"   transform="translate( 80, 0)" style="fill: lime;" />
  28     <polyline points="0,0 10,20 20,0"     transform="translate(120, 0)"/>
  29     <polyline points="0,0 10,20 20,0, ,"  transform="translate(120, 0)" style="fill: lime;" />
  30     <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
  31     <polyline points="0,0 10,20 20,0 ,,," transform="translate(160, 0)" style="fill: lime;" />
  32   </g>
  33   <!-- Third row: Repeated commas in the middle -->
  34   <g transform="translate(0, 80)">
  35     <polyline points="0,,0 10,20 20,0"    />
  36     <polyline points="0,,,0,10,20 20,0"   transform="translate( 40, 0)"/>
  37     <polyline points="0, ,0 10,20 20,0"   transform="translate( 80, 0)"/>
  38     <polyline points="0 0,, 10,20 20,0"   transform="translate(120, 0)"/>
  39     <polyline points="0,0,,10,20 20,0"    transform="translate(160, 0)"/>
  40   </g>
  41   <!-- Fourth row: wrong number of values (at least 3, to get anything drawn)  -->
  42   <g transform="translate(0, 120)">
  43     <polyline points=""                   />
  44     <polyline points="0,0"                transform="translate( 40, 0)"/>
  45     <polyline points="0,0 10"             transform="translate( 80, 0)"/>
  46     <polyline points="0,0 10,20 20"       transform="translate(120, 0)"/>
  47     <polyline points="0,0 10,20 20,0"     transform="translate(160, 0)"/>
  48     <polyline points="0,0 10,20 20,0 0"   transform="translate(160, 0)" style="fill: lime;"/>
  49   </g>
  50 </svg>