summaryrefslogtreecommitdiffstats
path: root/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html')
-rw-r--r--layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html36
1 files changed, 36 insertions, 0 deletions
diff --git a/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
new file mode 100644
index 000000000..7d2ba0aa3
--- /dev/null
+++ b/layout/reftests/canvas/674003-alpha-radial-gradient-superlum.html
@@ -0,0 +1,36 @@
+<body bgcolor="orange">
+ <canvas width="300" height="300" id="testcase-canvas" style="display:none"></canvas>
+ <canvas width="300" height="300" id="testcase-canvas-dest"></canvas>
+ <script>
+ const kShadow = "rgba(00%, 0%, 0%, 1)";
+ const kTransparent = "rgba(0%, 100%, 100%, 0.5)";
+
+ var cx, g;
+
+ cx = document.getElementById('testcase-canvas').getContext('2d');
+
+ cx.fillStyle = kShadow;
+ cx.fillRect(100, 50, 150, 50);
+
+ g = cx.createLinearGradient(0, 50, 0, 0);
+ g.addColorStop(0, kShadow);
+ g.addColorStop(0.2, kTransparent);
+ g.addColorStop(1, kTransparent);
+ cx.fillStyle = g;
+ cx.fillRect(100, 0, 150, 50);
+
+ g = cx.createRadialGradient(100, 100, 50, 100, 100, 100);
+ g.addColorStop(0, kShadow);
+ g.addColorStop(0.2, kTransparent);
+ g.addColorStop(1, kTransparent);
+ cx.fillStyle = g;
+ cx.beginPath();
+ cx.arc(100, 100, 100, Math.PI * 0.5, Math.PI * 1.5);
+ cx.fill();
+
+ cx2 = document.getElementById('testcase-canvas-dest').getContext('2d');
+ // draw a chunk of the gradients from above onto testcase-canvas-dest
+ cx2.drawImage(document.getElementById('testcase-canvas'),45,20, 100,20 ,0,0, 100,20);
+ </script>
+
+</window>