third_party/WebKit/LayoutTests/svg/custom/stroked-pattern.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 450 500">
   3     <defs>
   4         <radialGradient id="redToYellow" >
   5             <stop offset="0" stop-color="red" />
   6             <stop offset="1" stop-color="yellow" />
   7         </radialGradient>
   8
   9         <pattern patternUnits="userSpaceOnUse" patternContentUnits="objectBoundingBox" overflow="visible"
  10                  x="0" y="0" width="30" height="15" viewBox="10 10 40 40" id="pattern">
  11             <circle cx="20" cy="20" r="40" style="fill: url(#redToYellow); stroke: rgb(100, 0, 0); stroke-width: 12px"/>
  12         </pattern>
  13     </defs>
  14
  15     <rect x="50" y="50" width="350" height="400" style="fill:url(#pattern); stroke:black;"/>
  16     <rect x="1" y="1" width="448" height="498" stroke="black" fill="none"/>
  17
  18     <g text-anchor="middle" font-size="10">
  19         <text x="225" y="20">stroked circle shouldn't be clipped in any way.</text>
  20         <text x="225" y="35">(stroke-width should be visible!</text>
  21     </g>
  22 </svg>