mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-28 07:13:20 +00:00
Bug 1304539 - Add reftest for fillText and strokeText with filter. r=mstange
This commit is contained in:
parent
5ec5294315
commit
9d1424da43
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.fillStyle = "rgb(85,85,85)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.fillStyle = "rgb(85,85,85)";
|
||||
ctx.filter = "grayscale(100%)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.fillStyle = "rgb(85,85,85)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.fillStyle = "rgb(85,85,85)";
|
||||
ctx.filter = "grayscale(100%)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.fillStyle = "rgb(0,128,0)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.fillStyle = "rgb(0,128,0)";
|
||||
ctx.filter = "opacity(0.5)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.25;
|
||||
ctx.fillStyle = "rgb(0,255,0)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.fillStyle = "rgb(0,255,0)";
|
||||
ctx.filter = "opacity(0.5)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
14
dom/canvas/test/reftest/filters/fillText-with-shadow-1.html
Normal file
14
dom/canvas/test/reftest/filters/fillText-with-shadow-1.html
Normal file
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.shadowColor = "black";
|
||||
ctx.shadowBlur = 2;
|
||||
ctx.fillStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
15
dom/canvas/test/reftest/filters/fillText-with-shadow-2.html
Normal file
15
dom/canvas/test/reftest/filters/fillText-with-shadow-2.html
Normal file
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.shadowColor = "black";
|
||||
ctx.shadowBlur = 2;
|
||||
ctx.fillStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.fillStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.fillStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.fillText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -18,3 +18,13 @@ fuzzy-if(azureSkia,1,1500) == global-alpha.html global-alpha-ref.html
|
||||
== units-em.html ref.html
|
||||
== units-ex.html ref.html
|
||||
== units-off-screen.html ref.html
|
||||
fuzzy(1,700) == fillText-with-filter-opacity-1.html fillText-with-filter-opacity-1-ref.html
|
||||
fuzzy(1,300) == fillText-with-filter-opacity-2.html fillText-with-filter-opacity-2-ref.html
|
||||
fuzzy(1,400) == strokeText-with-filter-grayscale-1.html strokeText-with-filter-grayscale-1-ref.html
|
||||
fuzzy(1,400) == strokeText-with-filter-grayscale-2.html strokeText-with-filter-grayscale-2-ref.html
|
||||
!= fillText-with-shadow-1.html fillText-without-shadow-1-ref.html
|
||||
!= fillText-with-shadow-2.html fillText-without-shadow-2-ref.html
|
||||
fuzzy(1,200) == fillText-with-filter-grayscale-1.html fillText-with-filter-grayscale-1-ref.html
|
||||
fuzzy(1,200) == fillText-with-filter-grayscale-2.html fillText-with-filter-grayscale-2-ref.html
|
||||
!= strokeText-with-shadow-1.html strokeText-without-shadow-1-ref.html
|
||||
!= strokeText-with-shadow-2.html strokeText-without-shadow-2-ref.html
|
||||
|
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.strokeStyle = "rgb(85,85,85)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.strokeStyle = "rgb(85,85,85)";
|
||||
ctx.filter = "grayscale(100%)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.strokeStyle = "rgb(85,85,85)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.strokeStyle = "rgb(85,85,85)";
|
||||
ctx.filter = "grayscale(100%)";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,14 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.shadowColor = "black";
|
||||
ctx.shadowBlur = 2;
|
||||
ctx.strokeStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.shadowColor = "black";
|
||||
ctx.shadowBlur = 2;
|
||||
ctx.strokeStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.strokeStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<canvas id="canvas" width="100" height="100"></canvas>
|
||||
<script>
|
||||
var canvas = document.getElementById("canvas");
|
||||
var ctx = canvas.getContext("2d");
|
||||
ctx.globalAlpha = 0.5;
|
||||
ctx.strokeStyle = "green";
|
||||
ctx.font = "20px serif";
|
||||
ctx.strokeText("Hello world", 0, 50);
|
||||
</script>
|
||||
</body></html>
|
Loading…
Reference in New Issue
Block a user