Index: LayoutTests/svg/custom/filter-css-transform-resolution.html |
diff --git a/LayoutTests/svg/custom/filter-css-transform-resolution.html b/LayoutTests/svg/custom/filter-css-transform-resolution.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..5420b11336208c58b2eb4e543c305d3aa1fa8326 |
--- /dev/null |
+++ b/LayoutTests/svg/custom/filter-css-transform-resolution.html |
@@ -0,0 +1,24 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <script src="../../fast/repaint/resources/repaint.js"></script> |
+ <script> |
+ function repaintTest() { |
+ document.getElementById('div').style.webkitTransform = ''; |
+ } |
+ </script> |
+</head> |
+<body onload="runRepaintTest()"> |
+ <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry --> |
+ <div id="div" style="-webkit-transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-origin: 100px 100px 0px;"> |
+ <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
+ <defs> |
+ <filter x="0" y="0" width="100%" height="100%" id="filter"> |
+ <feOffset/> |
+ </filter> |
+ </defs> |
+ <circle cx="100" cy="100" r="100" fill="green" filter="url(#filter)"/> |
+ </svg> |
+ </div> |
+</body> |
+</html> |