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

Bug 718521 - Add reftest for rounded-rectangle clipping of multiple items. r=roc

This commit is contained in:
Nicholas Cameron 2012-01-18 14:33:51 +13:00
Родитель 13cdb8bff5
Коммит cdb83e8377
3 изменённых файлов: 100 добавлений и 0 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

47
layout/reftests/bugs/718521-ref.html Normal file
Просмотреть файл

@ -0,0 +1,47 @@
<!DOCTYPE html>
<html>
<head>
<title>Rounded rectangle clipping test</title>
<style>
.clipround {
left:100px;
top:100px;
position:absolute;
width:700px;
height:380px;
overflow:hidden;
border-radius:45px;
}
.greendiv {
width:300px;
height:230px;
background-color:#008000;
position:absolute;
}
#nrcDiv0 {
left:0px;
top:0px;
}
#nrcDiv1 {
left:320px;
top:0px;
}
#nrcDiv2 {
left:0px;
top:240px;
}
</style>
</head>
<body>
<div class="clipround">
<div id="nrcDiv0" class="greendiv"></div>
</div>
<div class="clipround">
<div id="nrcDiv1" class="greendiv"></div>
</div>
<div class="clipround">
<div id="nrcDiv2" class="greendiv"></div>
</div>
</body>
</html>

52
layout/reftests/bugs/718521.html Normal file
Просмотреть файл

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<title>Rounded rectangle clipping test</title>
<style>
.clipround {
left:100px;
top:100px;
position:absolute;
width:700px;
height:380px;
overflow:hidden;
border-radius:45px;
}
canvas {
position:absolute;
}
#nrcCanvas0 {
left:0px;
top:0px;
}
#nrcCanvas1 {
left:320px;
top:0px;
}
#nrcCanvas2 {
left:0px;
top:240px;
}
</style>
</head>
<body>
<div class="clipround">
<canvas id="nrcCanvas0" width="320" height="260"></canvas>
<canvas id="nrcCanvas1" width="320" height="260"></canvas>
<canvas id="nrcCanvas2" width="320" height="260"></canvas>
</div>
<script>
drawShapes('nrcCanvas0');
drawShapes('nrcCanvas1');
drawShapes('nrcCanvas2');
function drawShapes(elName) {
var ctxt = document.getElementById(elName).getContext('2d');
ctxt.fillStyle = '#008000';
ctxt.fillRect(0, 0, 300, 230);
}
</script>
</body>
</html>

1
layout/reftests/bugs/reftest.list
Просмотреть файл

@ -1688,3 +1688,4 @@ needs-focus != 703186-1.html 703186-2.html
== 714519-1-q.html 714519-1-ref.html
== 714519-2-as.html 714519-2-ref.html
== 714519-2-q.html 714519-2-ref.html
fuzzy == 718521.html 718521-ref.html