third_party/WebKit/LayoutTests/svg/custom/resources-css-scaled-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4
   5 <div style="position: relative; left: 27px; width: 100px;">
   6 <div style="width: 50px;">
   7   <svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
   8     <defs>
   9       <pattern id="pattern" width="100" height="100" patternUnits="userSpaceOnUse">
  10         <circle cx="50" cy="50" r="50" fill="green"/>
  11       </pattern>
  12
  13       <mask id="mask">
  14         <circle cx="50" cy="50" r="50" fill="white"/>
  15       </mask>
  16
  17       <clipPath id="clip">
  18         <circle cx="50" cy="50" r="50"/>
  19         <circle cx="50" cy="50" r="50"/>
  20       </clipPath>
  21
  22       <filter id="filter">
  23         <feOffset dx="0" dy="0"/>
  24       </filter>
  25     </defs>
  26
  27     <circle cx="50" cy="50" r="50" fill="green"/>
  28
  29     <g transform="translate(300)">
  30       <rect width="100" height="100" fill="url(#pattern)"></rect>
  31     </g>
  32
  33     <g transform="translate(150 150)">
  34       <rect width="100" height="100" fill="green" mask="url(#mask)"/>
  35     </g>
  36
  37     <g transform="translate(0 300)">
  38       <rect width="100" height="100" fill="green" clip-path="url(#clip)"/>
  39     </g>
  40
  41     <g transform="translate(300 300)">
  42       <circle cx="50" cy="50" r="50" fill="green" filter="url(#filter)"/>
  43     </g>
  44   </svg>
  45 </div>
  46 </div>
  47 </body>
  48 </html>