mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1304539 - Add reftest for fillText and strokeText with filter. r=mstange 

--HG--
extra : amend_source : d5a794368d720fd449ff52ff064b4708da232fb8
This commit is contained in:
Ethan Lin 2016-09-29 18:39:00 -04:00
Родитель 9a6b820bb2
Коммит c635ba4f34
21 изменённых файлов: 275 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

12
dom/canvas/test/reftest/filters/fillText-with-filter-grayscale-1-ref.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/fillText-with-filter-grayscale-1.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/fillText-with-filter-grayscale-2-ref.html Normal file
Просмотреть файл

@ -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>

14
dom/canvas/test/reftest/filters/fillText-with-filter-grayscale-2.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.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>

13
dom/canvas/test/reftest/filters/fillText-with-filter-opacity-1-ref.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/fillText-with-filter-opacity-1.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/fillText-with-filter-opacity-2-ref.html Normal file
Просмотреть файл

@ -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>

14
dom/canvas/test/reftest/filters/fillText-with-filter-opacity-2.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.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
Просмотреть файл

@ -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
Просмотреть файл

@ -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>

12
dom/canvas/test/reftest/filters/fillText-without-shadow-1-ref.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/fillText-without-shadow-2-ref.html Normal file
Просмотреть файл

@ -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>

10
dom/canvas/test/reftest/filters/reftest.list
Просмотреть файл

@ -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,400) == fillText-with-filter-grayscale-1.html fillText-with-filter-grayscale-1-ref.html
fuzzy(1,400) == 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

12
dom/canvas/test/reftest/filters/strokeText-with-filter-grayscale-1-ref.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/strokeText-with-filter-grayscale-1.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/strokeText-with-filter-grayscale-2-ref.html Normal file
Просмотреть файл

@ -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>

14
dom/canvas/test/reftest/filters/strokeText-with-filter-grayscale-2.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.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>

14
dom/canvas/test/reftest/filters/strokeText-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.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

15
dom/canvas/test/reftest/filters/strokeText-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.strokeStyle = "green";
ctx.font = "20px serif";
ctx.strokeText("Hello world", 0, 50);
</script>
</body></html>

12
dom/canvas/test/reftest/filters/strokeText-without-shadow-1-ref.html Normal file
Просмотреть файл

@ -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>

13
dom/canvas/test/reftest/filters/strokeText-without-shadow-2-ref.html Normal file
Просмотреть файл

@ -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>