Implement SVGImage::applyShader()

third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html

Index: third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html
diff --git a/third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html b/third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html
index 63797707733cb8c53e516ebb9b946d097e2b24e0..b35300864d055e1ea73b4b610c3b5e21072ab723 100644
--- a/third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html
+++ b/third_party/WebKit/LayoutTests/svg/as-image/image-respects-deviceScaleFactor.html
@@ -10,8 +10,18 @@
     }
     window.onload = init;
     </script>
+<style>
+.bg1 {
+  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128'><circle fill='black' cx='64' cy='64' r='64' /></svg>");
+}
+.bg2 {
+  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'><circle fill='black' cx='64' cy='64' r='64' /></svg>");
+}
+</style>
 </head>
-<p>This test passes if both of the circles have sharp edges when deviceScaleFactor=2.</p>
+<p>This test passes if all circles have sharp edges when deviceScaleFactor=2.</p>
 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='128' height='128'><circle fill='black' cx='64' cy='64' r='64' /></svg>">
 <img style="width: 128px;" src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'><circle fill='black' cx='64' cy='64' r='64' /></svg>">
+<div class="bg1" style="width: 128px; height: 128px; border-radius: 10px; display: inline-block;"></div>
+<div class="bg2" style="width: 128px; height: 128px; border-radius: 10px; display: inline-block;"></div>
 </html>