summaryrefslogtreecommitdiffstats
path: root/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/canvas/1304353-text-global-alpha-1-ref.html')
-rw-r--r--layout/reftests/canvas/1304353-text-global-alpha-1-ref.html39
1 files changed, 39 insertions, 0 deletions
diff --git a/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html b/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
new file mode 100644
index 0000000000..d9ed082d19
--- /dev/null
+++ b/layout/reftests/canvas/1304353-text-global-alpha-1-ref.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+
+<script>
+function do_test() {
+ var canvas = document.getElementById("test");
+ var ctx = canvas.getContext("2d");
+
+ var g = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
+ g.addColorStop(0, "red");
+ g.addColorStop(1, "green");
+
+ ctx.fillStyle = g;
+ ctx.fillRect(0, 0, canvas.width, canvas.height);
+
+ ctx.fillStyle = "white";
+ ctx.font = "bold 24px sans-serif";
+
+ ctx.fillText('globalAlpha = 1.0', 20, 40);
+
+ // for reference, use a fill color with alpha instead of global alpha
+ ctx.fillStyle = "rgba(255, 255, 255, 0.5)";
+ ctx.fillText('globalAlpha = 0.5', 20, 80);
+
+ ctx.fillStyle = "rgba(255, 255, 255, 0.2)";
+ ctx.fillText('globalAlpha = 0.2', 20, 120);
+};
+</script>
+
+</head>
+
+<body onload="do_test()">
+
+<canvas id="test"></canvas>
+
+</body>
+</html>