third_party/WebKit/LayoutTests/svg/stroke/non-scaling-stroke-paintserver-same-as-fill.html

   1 <!DOCTYPE html>
   2 <svg width="200" height="200">
   3   <linearGradient id="g" x2="0" y2="1">
   4     <stop offset="0" stop-color="red"/>
   5     <stop offset="1" stop-color="blue"/>
   6   </linearGradient>
   7   <pattern id="p" width="0.25" height="0.25" viewBox="0 0 10 10">
   8     <rect width="5" height="5"/>
   9     <rect x="5" y="5" width="5" height="5"/>
  10   </pattern>
  11   <g transform="scale(10)">
  12     <rect x="2.5" y="2.5" width="4" height="4"
  13           fill="url(#g)" stroke="url(#g)"
  14           vector-effect="non-scaling-stroke" stroke-width="10"
  15           paint-order="stroke fill"/>
  16
  17     <rect x="10" y="2.5" width="4" height="4"
  18           fill="url(#p)" stroke="url(#p)"
  19           vector-effect="non-scaling-stroke" stroke-width="10"
  20           paint-order="stroke fill"/>
  21   </g>
  22 </svg>