third_party/WebKit/LayoutTests/svg/custom/use-css-no-effect-on-shadow-tree.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   3   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
   4 <svg width="12cm" height="3cm" viewBox="0 0 1200 300" version="1.1"
   5      xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   6   <desc>Example Use04 - 'use' with CSS styling</desc>
   7   <defs style=" /* rule 9 */ stroke-miterlimit: 10" >
   8     <path id="MyPath" d="M300 50 L900 50 L900 250 L300 250"
   9                      class="MyPathClass"
  10                      style=" /* rule 10 */ stroke-dasharray:300,100" />
  11   </defs>
  12   <style type="text/css">
  13     <![CDATA[
  14       /* rule 1 */ #MyUse { fill: blue }
  15       /* rule 2 */ #MyPath { stroke: red }
  16       /* rule 3 */ use { fill-opacity: .5 }
  17       /* rule 4 */ path { stroke-opacity: .5 }
  18       /* rule 5 */ .MyUseClass { stroke-linecap: round }
  19       /* rule 6 */ .MyPathClass { stroke-linejoin: bevel }
  20       /* rule 7 */ use > path { shape-rendering: optimizeQuality }
  21       /* rule 8 */ g > path { visibility: hidden }
  22     ]]>
  23   </style>
  24
  25   <rect x="0" y="0" width="1200" height="300"
  26          style="fill:none; stroke:blue; stroke-width:3"/>
  27   <g style=" /* rule 11 */ stroke-width:40">
  28     <use id="MyUse" xlink:href="#MyPath"
  29          class="MyUseClass"
  30          style="/* rule 12 */ stroke-dashoffset:50" />
  31   </g>
  32 </svg>