src/third_party/WebKit/LayoutTests/svg/custom/filter-css-transform-resolution.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <script src="../../fast/repaint/resources/text-based-repaint.js"></script>
   5   <script>
   6     function repaintTest() {
   7       document.getElementById('div').style.transform = '';
   8     }
   9   </script>
  10 </head>
  11 <body onload="forceStyleRecalc();repaintTest();">
  12   <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry -->
  13   <div id="div" style="transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-origin: 100px 100px 0px;">
  14     <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  15       <defs>
  16         <filter x="0" y="0" width="100%" height="100%" id="filter">
  17           <feOffset/>
  18         </filter>
  19       </defs>
  20       <circle cx="100" cy="100" r="100" fill="green" filter="url(#filter)"/>
  21     </svg>
  22   </div>
  23 </body>
  24 </html>