Clamp radial gradient end radii

third_party/WebKit/LayoutTests/fast/gradients/radial-clamping.html

+<DOCTYPE html>
+
+<style>
+div {
+    display: inline-block;
+    margin: 10px;
+    width: 400px;
+    height: 100px;
+}
+
+.r1 {
+    background-image: repeating-radial-gradient(closest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r2 {
+    background-image: repeating-radial-gradient(farthest-corner ellipse at -184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r3 {
+    background-image: repeating-radial-gradient(closest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r4 {
+    background-image: repeating-radial-gradient(farthest-side ellipse at -184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r5 {
+    background-image: repeating-radial-gradient(closest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r6 {
+    background-image: repeating-radial-gradient(farthest-corner ellipse at 184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r7 {
+    background-image: repeating-radial-gradient(closest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
+}
+
+.r8 {
+    background-image: repeating-radial-gradient(farthest-side ellipse at 184467440737095516150000000000000000000% 37%, red, green);
+}
+
+</style>
+
+<div class="r1"></div>
+<div class="r2"></div>
+<div class="r3"></div>
+<div class="r4"></div>
+<div class="r5"></div>
+<div class="r6"></div>
+<div class="r7"></div>
+<div class="r8"></div>
+
+PASS: did not crash.
+
+<script>
+  if (window.testRunner)
+    testRunner.dumpAsText();
+</script>