52 lines
1.5 KiB
HTML
52 lines
1.5 KiB
HTML
<!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>
|