blob: 2202d5917b435cf548cf8226114066429d1068d7 [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<style>
#div1 {
width: 64px;
height: 32px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128"><circle fill="#3364c2" cx="64" cy="64" r="64" /></svg>');
background-size: 32px 32px;
background-repeat: repeat;
}
#div2 {
width: 64px;
height: 32px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128"><circle fill="#f31900" cx="64" cy="64" r="64" /></svg>');
background-size: 50% 100%;
background-repeat: repeat;
}
#div3 {
width: 64px;
height: 32px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle fill="#f7d72b" cx="16" cy="16" r="16" /></svg>');
background-size: 32px 32px;
background-repeat: repeat;
}
#div4 {
width: 64px;
height: 32px;
background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><circle fill="#44c400" cx="16" cy="16" r="16" /></svg>');
background-size: 50% 100%;
background-repeat: repeat;
}
p {
font-size: x-small;
}
</style>
<script>
function setScale() {
if (window.internals)
window.internals.setPageScaleFactor(2, 0, 0);
}
</script>
</head>
<body onload="setScale()">
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<p>Test for WK110047: This test passes if there are 4 rows of 2 circles and they all have sharp edges.</p>
</body>
</html>